دوره آموزشی ساخت اپلیکیشن های Angular و ASP.NET Web API آپدیت (2018)

دوره آموزشی ساخت اپلیکیشن های Angular و ASP.NET Web API آپدیت (2018)

3 ساعت 35 دقیقهمتوسط2018-12-20

مدرسین

Ervis Trupja

Ervis Trupja

Full-Stack .NET Web Developer with a mathematical background

جزئیات دوره

اپلیکیشن های تک صفحه ای (SPA) می توانند تجربه کاربری مثبت و روان تری را برای کاربر فراهم کنند، اما طراحی و ساخت SPA بدون چالش نیست. در این دوره آموزشی یاد بگیرید که چگونه از ASP.NET Web API و فریم ورک Angular استفاده کنید تا کار طراحی و ساخت SPA را کمی آسان کنید. مربی Ervis Trupja ابتدا نحوه راه‌اندازی زیرساخت برنامه را نشان می‌دهد، نحوه ایجاد Web API و Angular را نشان می‌دهد و سپس موارد ضروری را برای هر یک تنظیم می‌کند. او نحوه ایجاد لایه سرویس با ASP.NET Web API و استفاده از Angular و Material Design برای ساخت UI را بررسی می کند. نحوه ارسال درخواست ها به برنامه Web API، رسیدگی به خطاها در Angular، ایجاد یک سیستم احراز هویت با استفاده از توکن ها و موارد دیگر را کشف کنید.

اهداف یادگیری
راه اندازی زیرساخت اپلیکیشن
ایجاد پایگاه داده
پیکربندی مسیریابی در Angular
طراحی نما با متریال دیزاین
به روز رسانی داده های موجود
ایجاد یک Web API HttpPut پایانی
در حال حذف داده ها
احراز هویت با استفاده از توکن ها
افزودن فیلتر، صفحه بندی و دکمه های نماد

مهارت ها

ASP.NETAngularC#Front-End Web DevelopmentProjectWeb DevelopmentOpen SourceMicrosoft

سرفصل ها

مقدمه

  • سایت خود را با Angular و ASP.NET Web API تعاملی تر کنید
  • آنچه باید بدانید

راه اندازی زیرساخت برنامه

  • مروری بر برنامه
  • ایجاد یک برنامه Web API
  • مروری بر معماری Web API
  • ایجاد یک برنامه Angular جدید
  • نمای کلی معماری زاویه ای

شروع به کار با Web API

  • ایجاد مدل ورودی
  • پیکربندی DbContext
  • پیکربندی پایگاه داده
  • ایجاد پایگاه داده
  • گرفتن داده از پایگاه داده

شروع به کار با Angular

  • اضافه کردن یک جزء
  • اضافه کردن یک سرویس
  • پیکربندی مسیریابی در Angular
  • درخواست داده از Web API
  • طراحی نما با متریال دیزاین
  • ایجاد جدول متریال دیزاین
  • نمایش داده ها به کاربران

ذخیره داده ها در پایگاه داده

  • ایجاد یک Web API HttpPost نقطه پایانی
  • پیکربندی یک فرم واکنشی Angular
  • ایجاد فرم واکنشی Angular
  • اعتبار سنجی یک فرم واکنشی Angular
  • طراحی سربرگ و پاورقی
  • ایجاد درخواست HttpPost در Angular

به روز رسانی داده های موجود

  • ایجاد یک Web API HttpPut endpoint
  • راه اندازی دیالوگ
  • پیکربندی گفتگو با داده
  • پر کردن دیالوگ با داده
  • ایجاد درخواست HttpPut در Angular

حذف داده ها

  • ایجاد یک Web API HttpDelete endpoint
  • افزودن مرحله تایید
  • گرفتن یک ورودی
  • طراحی نمای تایید
  • ایجاد درخواست HttpDelete در Angular

احراز هویت با استفاده از توکن ها

  • راه اندازی AuthController
  • راه اندازی AuthService
  • ایجاد جزء ثبات
  • ثبت نام کاربران
  • تولید توکن
  • درخواست توکن از Angular
  • بررسی احراز هویت از طریق توکن ها
  • خروج کاربران
  • ایجاد کامپوننت Angular Login
  • گرفتن اطلاعات از فرم ورود
  • ورود کاربران
  • رسیدگی به خطاها در زاویه

جمع بندی طراحی پروژه

  • افزودن فیلتر
  • افزودن صفحه بندی
  • اضافه کردن دکمه های آیکون

نتیجه

  • مراحل بعدی
۸۰,۰۰۰ تومان