آموزش ساخت برنامه های Angular و Django

سرفصل ها و درس ها

مقدمه Introduction

• با چارچوب Django REST یک برنامه زاویه ای کاملاً پشته ایجاد کنید Create a full-stack Angular app with the Django REST framework

• آنچه باید بدانید What you should know

• نمای کلی پروژه نمایشی Demo project overview

1. آماده سازی جنگو و زاویه ای 1. Django and Angular Preparation

• سرورهای توسعه Angular و Django را اجرا کنید Running the Angular and Django development servers

• تدوین کد زاویه ای Compiling Angular Code

• ارائه کد زاویه ای از طریق پرونده های استاتیک Django Serving Angular Code Through Django static files

2. فرم هایی با زاویه ای و جنگو 2. Forms with Angular and Django

• ایجاد مدل هایی با چارچوب Django REST Creating models with the Django REST framework

• ایجاد یک ViewSet با Django Creating a ViewSet with Django

• ایجاد سرویس REST API با Angular Creating a REST API service with Angular

• ایجاد یک فرم اساسی به عنوان یک جزء Angular Creating a basic form as an Angular component

• اتصال یک جزء زاویه ای به یک سرویس Connecting an Angular component to a service

3. طراحی جلویی و طرح بندی با زاویه ای 3. Front-End Design and Layout with Angular

• طرح بندی را با مواد زاویه دار شکل دهید Form layout with Angular Material

• انتخاب تاریخ / زمان با تقویم در زاویه ای Date/time selection with a Calendar in Angular

• نمایش یک جدول داده با جدول Angular Material Displaying a data table with Angular Material table

• نمایش کادر محاوره ای پاپ آپ با Angular Displaying a pop-up dialog box with Angular

• نمایش اطلاعات بیشتر با Angular Displaying more information with Angular

4- احراز هویت با جنگو و زاویه ای 4. Authentication with Django and Angular

• تنظیم احراز هویت با جعبه ابزار Django OAuth Setting up Authentication with Django OAuth Toolkit

• استفاده از اسکوپ با استفاده از ابزار ابزار Django OAuth برای مجوزها Using scopes with Django OAuth Toolkit for permissions

• ثبت یک برنامه OAuth جدید با ابزار ابزار Django OAuth Registering a new OAuth application with Django OAuth Toolkit

• ورود به سیستم و تأیید اعتبار با Angular و HttpClient Logging in and authentication with Angular and HttpClient

• با استفاده از هدرهای OAuth با Angular و HttpClient Using OAuth headers with Angular and HttpClient

• ذخیره سازی تأیید اعتبار با Angular Authentication storage with Angular

5. فیلتر و صفحه بندی با Django و Angular 5. Filtering and Pagination with Django and Angular

• بررسی مجوزها با جنگو Checking permissions with Django

• حذف یک مورد با استفاده از Angular و Django Deleting an item using Angular and Django

• تا حدودی یک مورد را با استفاده از Angular به روز کنید Partially updating an item using Angular

• پیاده سازی با جنگو Pagination with Django

• صفحه با زاویه ای Pagination with Angular

• فیلتر کردن با جنگو Filtering with Django

• فیلتر با زاویه دار Filtering with Angular

• انیمیشن ها در زاویه ای Animations in Angular

6. تست زاویه ای 6. Testing Angular

• واحد تست یک جزء Unit testing a component

• واحد تست یک سرویس Unit testing a service

• واحد آزمایش یک کنترلر Unit testing a controller

• تست نهایی به پایان فرایند ارسال فرم End-to-end testing the form submission process

• جدول پایان داده آزمایش جدول پایان داده ها End-to-end testing the filtered data table

7. تست جنگو 7. Testing Django

• احراز هویت آزمایش واحد Unit testing authentication

• بررسی مجوز تست واحد Unit testing permission checks

• اعتبار سنجی آزمایش واحد برای API REST Unit testing validation for the REST API

نتیجه Conclusion

• مراحل بعدی Next steps