آموزش ساخت برنامه های کاربردی با Angular ، ASP.NET Core و Entity Framework Core

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

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. زیرساخت 1. Infrastructure

• نمای کلی برنامه نمایشی Demo application overview

• نمای معماری Architectural overview

• ASP.NET Core را بارگیری و نصب کنید Download and install ASP.NET Core

• ایجاد و پیکربندی پروژه Angular Creating and configuring the Angular project

2. ایجاد فرم هایی با زاویه ای 2. Creating Forms with Angular

• اولین مؤلفه زاویه ای ما Our first Angular component

• طرح سوال جدید New question layout

• قابلیت سوال جدید New question functionality

• خدمات زاویه ای Angular service

3. ایجاد مسیرهای دریافت و ارسال در یک کنترل کننده هسته ASP.NET 3. Creating Get and Post Routes in an ASP.NET Core Controller

• یک مسیر پست ایجاد کنید Create a post route

• سرویس پست زاویه ای را برای ارسال به API به روز کنید Update Angular service to post to API

• مسیری را ایجاد کنید Create a get route

4- پایداری با چارچوب شخصیت 4. Persistence with Entity Framework

• سوالات را با چارچوب Entity ذخیره کنید Save questions with Entity Framework

• پاسخ به یک سوال در Angular اضافه کنید Add answers to a question in Angular

• پاسخ به یک سؤال در ASP.NET اضافه کنید Add answers to a question in ASP.NET

5. نمایش و ویرایش داده ها به صورت زاویه ای با هسته اصلی ASP.NET 5. Displaying and Editing Data in Angular with ASP.NET Core

• جزء سوالات را در Angular نمایش دهید Show questions component in Angular

• مسیر سؤال را در ASP.NET ویرایش کنید Edit question route in ASP.NET

• مؤلفه سوال را در زاویه ای ویرایش کنید Edit question component in Angular

• سرویس سوال را در Angular ویرایش کنید Edit question service in Angular

6. حرکت به نماهای مختلف در زاویه ای 6. Navigating to Different Views in Angular

• مسیریاب Angular رو اضافه کنید Add the Angular Router

• بین ارسال و نمایش سوالات حرکت کنید Navigate between posting and displaying questions

7. ارتباط بین اشخاص با چارچوب زاویه ای و ذهنی 7. Associations between Entities with Angular and Entity Framework

• یک مسابقه را در Angular ایجاد کنید Create a quiz in Angular

• ارسال مسابقه برای پایان دادن به پایان Post quiz to back end

• چالش: نمایش آزمونها Challenge: Displaying quizzes

• راه حل: نمایش آزمونها Solution: Displaying quizzes

• بارگیری سوالات از مسابقه Loading questions from quiz

• شرکت در مسابقه با سوالات Associate quiz to questions

• نمایش فقط سوالات مربوط به مسابقه Showing only quiz owned questions

• چالش: بررسی شناسه مسابقه Challenge: Quiz ID check

• راه حل: بررسی شناسه مسابقه Solution: Quiz ID check

8- احراز هویت با شناسایی چارچوب و نشانه ها 8. Authentication with Identify Framework and Tokens

• چارچوب هویت را تنظیم کنید Set up Identity Framework

• ثبت نام از Angular Register from Angular

• اشکال واکنشی با FormBuilder Reactive forms with FormBuilder

• ذخیره نشانه در مرورگر Save token in the browser

• رمز عبور را با درخواست های زاویه دار عبور دهید Pass token with Angular requests

• میان افزار را در ASP.NET امضا کنید Auth token middleware in ASP.NET

• کاربر را با مسابقه و سوال مرتبط کنید Associate user with quiz and question

• ورود به سیستم در Logging in

• ورود به سیستم Logging out

9. قرار دادن آن همه با هم 9. Putting it All Together

• لیست پخش Quiz playlist

• جزء بازی مسابقه Quiz play component

• گفتگوی نمره مسابقه Quiz score dialog

• لمس نهایی Final touches

نتیجه Conclusion

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