در حال حاضر محصولی در سبد خرید شما وجود ندارد.
با استفاده از ASP.NET CORE یک برنامه UI با استفاده از Angular و A REST WEB API ایجاد کنید و یک برنامه پشته کامل دنیای واقعی ایجاد کنید
عنوان اصلی : Build Amazing Apps With ANGULAR and ASP.NET Core REST API
سرفصل های دوره :
مقدمه:
تنظیم محیط توسعه
کد ویژوال استودیو را نصب کنید
SQL Server Management Studio را نصب کنید
Angular CLI را نصب کنید
دریافت کمک
ساخت API با استفاده از ASP.NET CORE:
مقدمه
افزودن برنامه ما به Git
درک و ساخت مدل ها
افزودن هسته چارچوب موجودیت (EF Core)
ایجاد DbContext
افزودن اتصال به پایگاه داده
پیکربندی DbContext و استفاده از Dependency Injection از Startup.cs
ایجاد پایگاه داده با استفاده از EF Core migrations
کاشت پایگاه داده
ایجاد مخزن دانش آموز - الگوی مخزن
ایجاد کنترلر API Students
API را اجرا کنید و با استفاده از Swagger UI تست کنید
مدل های دامنه و مدل های داده
افزودن ویژگی های پیمایش آدرس و جنسیت
Automapper را نصب و استفاده کنید
ناهمزمان کردن کد ما
در حال ذخیره تغییرات شما در Git
ایجاد برنامه رابط کاربری با استفاده از Angular:
مقدمه ای بر اپلیکیشن Angular
پیش نیازهای ایجاد یک Angular App
کلون کردن مخزن UI از GIT
ایجاد برنامه Angular با استفاده از CLI زاویه ای
افزودن پسوندهای کد ویژوال استودیو
کتابخانه رابط کاربری Angular Material را نصب کنید
مرجع اجزای مواد زاویه ای در app.module
کتابخانه FlexBoxGrid را نصب کنید
راه حل UI پاک
ایجاد مؤلفه پیمایش برتر
ایجاد جزء لیست دانش آموزان
ایجاد یک مسیر
ایجاد سرویس دانشجویی
افزودن پشتیبانی CORS در API
ایجاد مدل های رابط کاربری
نمایش دانشجویان واکشی شده
پیاده سازی صفحه بندی روی میز
اجرای مرتب سازی روی جدول
اجرای فیلترینگ روی جدول
در حال ذخیره تغییرات شما در Git
خلاصه
بازیابی و نمایش جزئیات دانش آموز مجرد (خواندن در CRUD):
مقدمه
ایجاد یک روش کنترلر جدید
آزمایش روش جدید با استفاده از Swagger UI
در برنامه Angular UI کامپوننت جدیدی ایجاد کنید
ایجاد مسیر برای مشاهده مؤلفه دانشجو
واکشی داده های دانش آموز مجرد از API به UI
تعریف پیوند بین جدول دانشجویان و مشاهده دانشجو در رابط کاربری
ایجاد و پیاده سازی طراحی برای دانشجوی View
اتصال داده های دانش آموز از API به UI
ذخیره تغییرات شما در GIT
به‌روزرسانی یک دانش‌آموز موجود - (به‌روزرسانی در CRUD):
مقدمه
ایجاد متد GET برای کنترل کننده جنسیت
نمایش لیست جنسیت در کشویی
ایجاد روش جدید API - به‌روزرسانی دانشجو
عملکرد به‌روزرسانی را در رابط کاربری ایجاد کنید
نمایش اعلان‌ها در به‌روزرسانی
ذخیره تغییرات شما در GIT
حذف دانش آموز (حذف در CRUD) :
مقدمه
ایجاد روش جدید API - DELETE
روش DELETE را در Swagger تست کنید
ایجاد دکمه حذف در صفحه جزئیات دانش آموز در UI
روش DELETE را در سرویس دانشجویی در UI ایجاد کنید
روش OnDelete را در رابط کاربری بر اساس کلیک دکمه حذف اجرا کنید
نمایش اعلان‌ها هنگام حذف و تغییر مسیر به دانش‌آموزان در UI
در حال ذخیره تغییرات شما در GIT
افزودن/ایجاد دانش آموز جدید (ایجاد در CRUD):
مقدمه
روش Add Student API را ایجاد کنید
روش جدید افزودن دانشجو را در Swagger آزمایش کنید
ایجاد دکمه افزودن در صفحه دانشجویی در رابط کاربری
عمومی کردن مولفه دانشجویی در رابط کاربری
ایجاد روش سرویس در UI
با روش افزودن دانش‌آموز API از رابط کاربری تماس بگیرید
نمایش اعلان و تغییر مسیر
پاکسازی مولفه عمومی
ذخیره تغییرات شما در GIT
آپلود تصویر از Angular UI به Web API:
ایجاد روش API برای آپلود تصویر
آزمایش روش آپلود تصویر در Swagger
ساختار رابط کاربری تصویر نمایه را ایجاد کنید
افزودن دکمه آپلود فایل در UI
ایجاد روش سرویس در رابط کاربری برای فراخوانی API
آپلود تصویر از UI
ذخیره تغییرات در GIT
اعتبارسنجی سمت سرور و کلاینت:
مقدمه
اعتبار سنجی سمت سرور - بسته Nuget Validation Fluent را نصب کنید
تست اعتبارسنجی سمت سرور - اعتبارسنجی درخواست دانشجو را اضافه کنید
اعتبار سنجی سمت سرور برای به روز رسانی عملکرد دانشجویی
اعتبار سنجی سمت سرور برای عملکرد آپلود تصویر
اعتبار سنجی سمت مشتری
رفع اعتبار آپلود تصویر
ذخیره تغییرات شما در GIT
آماده ساختن راه حل ما و بهترین روش ها:
مقدمه
تغییر پیکربندی API در UI - با استفاده از Environment File
استقرار / انتشار UI و API ما در اینترنت:
مقدمه
NET CORE Web API را در Azure منتشر کنید
کاشت داده ها در پایگاه داده تولید
رابط کاربری Angular را در Google Firebase منتشر کنید
CORS For Production Web API را فعال کنید
Build Amazing Apps With ANGULAR and ASP.NET Core REST API
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
