آموزش Angular 20 و ASP.NET Core Web API - ساخت اپلیکیشن واقعی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری و ساخت وب اپلیکیشنهای Full-Stack با Angular 20 و ASP.NET Core Web API
- ساخت Web APIهای مقیاسپذیر #C با استفاده از ASP.NET Core
- آموزش نحوه ایجاد و استفاده از کامپوننتها در Angular
- یادگیری مسیریابی و سرویسها در Angular
- آموزش ساخت یک ASP.NET Core Web API از ابتدا و پیادهسازی عملیات CRUD با استفاده از متدهای HTTP مانند GET ،POST ،PUT و DELETE
- احراز هویت و مجوزدهی با استفاده از JSON Web Tokens (JWT)
- یادگیری و استفاده از Entity Framework Core در کنار ASP.NET Core Web API برای ذخیرهسازی و بازیابی داده از دیتابیس SQL Server
- آموزش آپلود فایل تصویر از اپلیکیشن Angular به ASP.NET Core Web API
- پیادهسازی تزریق وابستگی در ASP.NET Core Web API و اپلیکیشن Angular
- استفاده از Swagger و Postman برای تست دادهی API
- یادگیری بهترین شیوه ها در طول دوره برای نوشتن کدهای تمیز، جنریک و قابل استفاده مجدد
- کسب اعتماد به نفس لازم برای ساخت یک اپلیکیشن کامل از صفر به تنهایی
- ایجاد یک API با .NET Core و فراخوانی آن در اپلیکیشن Angular
- تعیین مجوزدهی مبتنی بر نقش
- استفاده از Angular Auth Guards ،Interceptors و غیره
- کار با RxJs Observables ،Subjects و Subscriptions
پیشنیازهای دوره
- آشنایی مقدماتی با ASP.NET Core و Angular
- درک مفاهیم اولیه HTML ،CSS و Typescript
- اشتیاق برای ساخت اپلیکیشنهای حرفهای Full-Stack
توضیحات دوره
این دوره به صورت کامل و از ابتدا با استفاده از Angular نسخه 20 (آخرین نسخه) و با تکیه بر کامپوننتهای Standalone و Signals بازنویسی شده است.
یک دوره جامع در مورد Angular و ASP.NET Core Web API که در آن مهارتهای خود را در این دو تکنولوژی به سطح استادی میرسانید و در ساخت وب اپلیکیشنهای Full-Stack تخصص پیدا میکنید.
در این دوره، از Angular 20 برای ساخت اپلیکیشن تکصفحهای (SPA) و از #C و ASP.NET برای توسعه یک REST API با استفاده از ASP.NET Core استفاده خواهد شد.
چرا به این دوره نیاز دارید؟
توسعه وب Full-Stack تقاضای بسیار بالایی دارد و چه تکنولوژیهایی بهتر از Angular و ASP.NET Core؟ این دو تکنولوژی که توسط گوگل و مایکروسافت پشتیبانی میشوند، ترکیبی قدرتمند را تشکیل میدهند که توسط غولهای دنیای فناوری در سراسر جهان استفاده میشوند.
این دوره به شما کمک میکند تا توسعه وب Full-Stack را به شکلی عمیق و متفاوت درک کنید.
با تمرکز بر جنبههای عملی، شما مهارتهای توسعه وب با ASP.NET Core و Angular را فرا خواهید گرفت و با دانشی که در این دوره کسب میکنید، قادر خواهید بود آنها را در پروژهها و سازمان خود پیادهسازی کنید.
پس از اتمام این دوره، اعتماد به نفس کافی برای ساخت وب اپلیکیشنها با استفاده از Angular و ASP.NET Core Web API را به تنهایی خواهید داشت.
شما در محیط کار یا هنگام اجرای پروژههای شخصی خود، تسلط کامل حس خواهید کرد.
اگر قصد دارید وبسایتهای تمیز و کاربردی با Angular و APIهای مقیاسپذیر با .NET Core بسازید، این دوره مناسب شماست.
در این دوره چه چیزهایی را پیادهسازی خواهید کرد:
- یادگیری و ساخت اولین اپلیکیشن تکصفحهای (SPA) با Angular
- یادگیری و ساخت اولین ASP.NET Core Web API با استفاده از اصول RESTful در #C
- ساخت یک اپلیکیشن وبلاگ کاملاً کاربردی و با قابلیت مقیاسپذیری بالا
در بخش Angular موارد زیر را فرا خواهید گرفت:
- کار با Angular CLI
- کامپوننتهای Angular
- Angular Signals (شامل effect ،computed ،writable و غیره)
- مسیریابی (Angular Routing)
- سرویسهای Angular
- فراخوانیهای HTTP (با HttpClient و HttpResource جدید)
- مفهوم CORS
- استفاده از Bootstrap CSS در پروژههای Angular
- ساخت کامپوننتهای قابل استفاده مجدد
- عملیات CRUD (ایجاد، خواندن، بروزرسانی و حذف)
- فرمهای Angular
- پیشنمایش زنده Markdown
- تبدیل Markdown به HTML
- المانهای فرم در Angular
- احراز هویت و مجوزدهی
- کار با JWT Tokens و Storage
- استفاده از Interceptors
- محافظت از مسیرها با Auth/Route Guards
- آپلود تصویر در Angular
- کار با Models و Interfaces
در بخش ASP.NET Core Web API موارد زیر را توسعه خواهید داد:
- ساخت APIهای ASP.NET Core از ابتدا با #C
- ایجاد Endpoints و Action Methods
- عملیات CRUD در ASP.NET Core
- نصب و استفاده از Entity Framework Core برای اتصال به SQL Server
- درک و پیادهسازی روابط در Entity Framework Core
- الگوهای طراحی Domain-Driven Design (DDD)
- الگوی مخزن
- مدلسازی دامنه
- رویکرد Entity Framework Code First
- کار با SQL Server
- مقداردهی اولیه دیتابیس
- متدهای HTTP
- احراز هویت و مجوزدهی
- کار با JWT Tokens
- مجوزدهی مبتنی بر نقش
- آپلود تصویر در سمت سرور
- نوشتن کد تمیز و قابل استفاده مجدد
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مبتدی تا متوسط که آشنایی اولیه با ASP.NET Core و Angular دارند.
آموزش Angular 20 و ASP.NET Core Web API - ساخت اپلیکیشن واقعی
-
مقدمهای بر دوره - ASP.NET و Angular 02:39
-
پیشنیازها 00:27
-
راهاندازی محیط توسعه 00:11
-
نصب .NET SDK و .NET Runtime 01:53
-
دانلود و نصب Visual Studio 2022 01:43
-
دانلود و نصب SQL Server (نسخه محلی) و SQL Server Management Studio 03:27
-
نصب Visual Studio Code 00:24
-
افزونههای Visual Studio Code 00:46
-
دانلود و نصب NodeJs 00:59
-
نصب Angular CLI 03:23
-
دریافت کمک 00:51
-
ایجاد یک Web API جدید 04:46
-
درک ساختار فایلها و پوشهها در ASP.NET Web API 05:14
-
درک مفاهیم REST و متدهای HTTP 04:41
-
مسیریابی در ASP.NET Core Web API 02:22
-
درک پروژه و مدلهای دامنه 03:48
-
ایجاد مدلهای دامنه 04:52
-
نصب پکیجهای Nuget برای Entity Framework Core 01:51
-
ایجاد کلاس DbContext 05:12
-
افزودن ConnectionString دیتابیس در فایل Appsettings.Json 04:20
-
درک تزریق وابستگی و تزریق DbContext به اپلیکیشن 06:29
-
اجرای Migrationهای EF Core 04:06
-
ایجاد کنترلر جدید 03:04
-
بررسی DTOها و مدلهای دامنه 05:07
-
ایجاد متد اکشن POST برای دستهبندیها 12:24
-
الگوی مخزن و مزایای آن 03:37
-
تغییر متد اکشن POST برای استفاده از Repository 08:57
-
ایجاد پروژه Angular 03:39
-
درک فایلها و پوشهها در Angular 12:11
-
پاکسازی پروژه Angular و ایمپورت کردن Bootstrap CDN 08:07
-
ساخت کامپوننت Navbar 12:54
-
ساخت کامپوننت لیست دستهبندیها و مسیریابی در Angular 14:32
-
ساخت کامپوننت افزودن دستهبندی و فرمهای Reactive در Angular 16:09
-
اعتبارسنجی در فرمهای Reactive اندروید 14:49
-
ایجاد سرویسهای Angular 22:04
-
فعالسازی CORS 04:34
-
مواردی که در این بخش پوشش میدهیم 00:47
-
ساخت متد GET در API برای دریافت همه دستهبندیها و تست آن 07:52
-
ساخت متد در سرویس UI برای دریافت همه دستهبندیها 06:46
-
استفاده از سرویس دریافت همه دستهبندیها در کامپوننت 19:50
-
ایجاد فایلهای Environment 09:03
-
مقدمه 01:18
-
سمت API - ساخت متد GET برای دریافت دستهبندی با شناسه و تست آن 09:37
-
ساخت کامپوننت ویرایش دستهبندی در UI و ارسال پارامترهای مسیر 09:53
-
ساخت متد در سرویس و نمایش تکی دستهبندی 16:49
-
سمت API - ساخت متد PUT (بروزرسانی) برای دستهبندی 11:13
-
سمت UI - ساخت متد بروزرسانی در سرویس و اتصال به کامپوننت ویرایش 14:23
-
مقدمه 00:30
-
حذف دستهبندی با شناسه در سمت API 06:38
-
سمت UI - دکمه حذف و متد سرویس 07:29
-
مقدمه 00:48
-
سمت UI - ساخت کامپوننت لیست پستهای وبلاگ و مسیریابی 07:25
-
سمت UI - ساخت کامپوننت افزودن پست وبلاگ و مسیریابی 23:15
-
سمت UI - ارسال فرم افزودن پست وبلاگ 03:44
-
سمت API - قابلیت افزودن پست وبلاگ 13:08
-
سمت UI - ایجاد سرویس پست وبلاگ 08:06
-
سمت UI - ارسال فرم برای ایجاد پست وبلاگ 07:18
-
مقدمه 00:23
-
مقداردهی اولیه تعدادی وبلاگ 01:46
-
دریافت همه پستهای وبلاگ در سمت API 06:10
-
دریافت همه پستهای وبلاگ در سمت UI 12:10
-
مقدمه 01:00
-
پیشنمایش زنده Markdown 09:18
-
رنگیسازی کدهای برنامهنویسی با Prism 05:34
-
پیشنمایش تصویر 04:33
-
مقدمه 00:47
-
سمت API - تغییر مدلهای دامنه و افزودن روابط EF Core 04:35
-
سمت API - تغییر متد اکشن افزودن پست - پذیرش دستهبندیها 12:42
-
سمت API - تغییر متد اکشن دریافت همه پستها - بازگرداندن دستهبندیها 04:09
-
سمت UI - نمایش دستهبندیها در کامپوننت لیست پستها 04:56
-
سمت UI - نمایش لیست کشویی چندانتخابی دستهبندیها 06:40
-
سمت UI - ارسال دستهبندیها هنگام افزودن پست 06:00
-
مقدمه 00:34
-
سمت API - متد اکشن دریافت پست وبلاگ با شناسه 07:10
-
سمت UI - ساخت کامپوننت ویرایش پست وبلاگ 08:22
-
سمت UI - فراخوانی و نمایش دادههای پست در کامپوننت ویرایش 19:50
-
سمت UI - نمایش دستهبندیها و موارد انتخاب شده 10:31
-
سمت API - بروزرسانی پست وبلاگ با متد PUT 15:44
-
سمت UI - ارسال فرم برای بروزرسانی پست و دستهبندیها 13:43
-
مقدمه 00:25
-
سمت API - متد اکشن حذف پست وبلاگ 07:32
-
سمت UI - حذف پست وبلاگ - جدید 07:20
-
مقدمه - آپلود تصویر 01:09
-
سمت UI - ساخت کامپوننت تصویر 10:31
-
سمت UI - انتخابگر تصویر به صورت Modal Popup 17:37
-
سمت API - تغییرات مدل دامنه برای قابلیت تصویر 04:32
-
سمت API - کنترلر و متد اکشن آپلود تصویر 09:10
-
سمت API - مخزن تصاویر 22:14
-
سمت API - سرو تصاویر ایستا از طریق API 04:08
-
سمت UI - ساخت سرویس تصویر و فرم آپلود تصویر 20:42
-
سمت API - دریافت همه تصاویر 06:55
-
سمت UI - فراخوانی و نمایش همه تصاویر 18:01
-
سمت UI - انتخاب تصویر از انتخابگر تصویر 09:45
-
سمت UI - استفاده از انتخابگر تصویر در کامپوننت افزودن پست 06:33
-
مقدمه 00:37
-
سمت UI - ساخت کامپوننت صفحه اصلی 15:43
-
سمت UI - ساخت کامپوننت جزئیات وبلاگ 05:53
-
سمت API - دریافت جزئیات وبلاگ بر اساس URL 05:27
-
سمت UI - نمایش جزئیات وبلاگ بر اساس URL 13:45
-
مقدمه 03:09
-
جریان احراز هویت 01:26
-
سمت API - راهاندازی احراز هویت - نصب پکیجهای Nuget 02:36
-
سمت API - ساخت DbContext و مقداردهی اولیه نقشها و کاربر پیشفرض 14:25
-
سمت API - تزریق DbContext و تغییرات مربوط به احراز هویت 14:24
-
سمت API - تست صفت Authorize 06:27
-
سمت API - ساخت کنترلر احراز هویت و متد اکشن ثبتنام 12:19
-
سمت API - ساخت جداول Identity و اجرای Migrationها 06:37
-
سمت API - متد اکشن ورود 12:05
-
سمت API - تولید JWT Token 15:48
-
سمت API - مجوزدهی مبتنی بر نقش 05:30
-
سمت API - تغییر متدهای اکشن 03:32
-
سمت UI - مقدمهای بر تغییرات 04:26
-
سمت UI - کامپوننت ورود و تغییرات Navbar 16:41
-
سمت UI - ساخت سرویس احراز هویت 09:36
-
رابط کاربری و API - ذخیرهسازی JWT Token 08:24
-
رابط کاربری و API - تغییرات پروتکل HTTPS برای توسعه محلی 04:20
-
سمت UI - نمایش کاربر در Navbar 08:19
-
رابط کاربری و API - ایجاد Endpoint جدید برای دریافت جزئیات کاربر و فراخوانی آن 17:57
-
رابط کاربری و API - پیادهسازی خروج 12:44
-
سمت UI - مخفیسازی منوی ادمین 09:48
-
سمت UI - ارسال JWT Token همراه با فراخوانیهای API 06:41
-
سمت UI - پیادهسازی Auth Guard 14:17
-
در صورت داشتن سوال درباره محتوای قدیمی دوره 03:34
-
مقدمهای بر دوره 02:25
-
پیشنیازها 00:27
-
راهاندازی محیط توسعه 00:11
-
نصب NET SDK. و NET Runtime. 01:53
-
دانلود و نصب Visual Studio 2022 01:43
-
دانلود و نصب SQL Server و SQL Server Management Studio 03:27
-
نصب Visual Studio Code 00:24
-
افزونههای Visual Studio Code 00:46
-
دانلود و نصب NodeJs 00:31
-
نصب Angular CLI 03:24
-
دریافت کمک 00:51
-
ایجاد یک Web API جدید 04:46
-
درک ساختار فایلها و پوشهها در ASP.NET Web API 05:14
-
درک مفاهیم REST و متدهای HTTP 04:41
-
مسیریابی در ASP.NET Core Web API 02:22
-
درک پروژه و مدلهای دامنه 03:48
-
ایجاد مدلهای دامنه 04:52
-
نصب پکیجهای Nuget برای Entity Framework Core 01:51
-
ایجاد کلاس DbContext 05:12
-
افزودن ConnectionString دیتابیس در Appsettings.Json 04:20
-
درک تزریق وابستگی و تزریق DbContext به اپلیکیشن 06:29
-
اجرای Migrationهای EF Core 04:06
-
ایجاد کنترلر جدید برای دستهبندیها 03:04
-
بررسی DTOها و مدلهای دامنه 05:07
-
ایجاد متد اکشن POST برای دستهبندیها 12:24
-
الگوی مخزن و مزایای آن 03:37
-
تغییر متد اکشن POST برای استفاده از مخزن 08:57
-
ایجاد پروژه Angular 03:28
-
درک فایلها و پوشهها 06:04
-
پاکسازی پروژه Angular و ایمپورت کردن Bootstrap CDN 04:12
-
ساخت کامپوننت Navbar 09:04
-
ساخت کامپوننت لیست دستهبندیها و مسیریابی در Angular 10:38
-
ساخت کامپوننت افزودن دستهبندی و مسیریابی 16:12
-
ایجاد سرویسهای Angular 12:39
-
فعالسازی CORS 03:19
-
لغو اشتراک از Observables 04:13
-
مباحث این بخش 00:47
-
ساخت متد GET در API برای دریافت همه دستهبندیها و تست آن 07:52
-
ساخت متد در سرویس UI برای دریافت همه دستهبندیها 04:13
-
ایجاد فایلهای Environment 04:12
-
استفاده از سرویس دریافت همه دستهبندیها در کامپوننت 06:03
-
استفاده از Async Pipe برای اشتراک در Observables 07:42
-
مباحث این بخش 01:18
-
سمت API - ساخت متد GET برای دریافت دستهبندی با شناسه و تست آن 09:37
-
سمت UI - ساخت کامپوننت ویرایش دستهبندی و ارسال پارامترهای مسیر 11:20
-
سمت UI - ساخت متد در سرویس و نمایش تکی دستهبندی 15:13
-
سمت API - متد اکشن بروزرسانی دستهبندی (PUT) 11:13
-
سمت UI - ساخت متد بروزرسانی در سرویس و اتصال به کامپوننت ویرایش 09:26
-
مباحث این بخش 00:30
-
سمت API - حذف دستهبندی با شناسه (متد DELETE) 06:38
-
سمت UI - متد سرویس برای حذف دستهبندی 06:31
-
مباحث این بخش 00:48
-
سمت UI - ساخت کامپوننت لیست پستها و مسیریابی 05:57
-
سمت UI - ساخت کامپوننت افزودن پست وبلاگ و مسیریابی 12:07
-
سمت UI - ارسال فرم افزودن پست وبلاگ 11:53
-
سمت API - قابلیت افزودن پست وبلاگ (متد POST) 13:08
-
سمت UI - ایجاد سرویس پست وبلاگ 04:56
-
سمت UI - ارسال فرم برای ایجاد پست وبلاگ 04:10
-
مباحث این بخش 00:23
-
مقداردهی اولیه وبلاگها 01:46
-
سمت API - دریافت همه پستهای وبلاگ (متد GET) 06:10
-
سمت UI - دریافت همه پستهای وبلاگ 08:27
-
مباحث این بخش 01:00
-
سمت UI - پیشنمایش زنده Markdown 13:19
-
سمت UI - پیشنمایش تصویر 04:58
-
مباحث این بخش 00:47
-
سمت API - تغییر مدلهای دامنه و افزودن روابط EF Core 04:35
-
سمت API - تغییر متد اکشن افزودن پست - پذیرش دستهبندیها 12:42
-
سمت API - تغییر متد اکشن دریافت همه پستها - بازگرداندن دستهبندیها 04:09
-
سمت UI - نمایش دستهبندیها در کامپوننت لیست پستها 06:25
-
سمت UI - نمایش لیست کشویی چندانتخابی دستهبندیها 07:55
-
سمت UI - ارسال دستهبندیها هنگام افزودن پست 04:09
-
مباحث این بخش 00:34
-
سمت API - متد اکشن دریافت پست با شناسه 07:10
-
سمت UI - کامپوننت ویرایش پست وبلاگ 08:24
-
سمت UI - فراخوانی و نمایش داده پست در کامپوننت ویرایش 08:06
-
سمت UI - نمایش دستهبندیها و موارد انتخاب شده 05:26
-
سمت API - بروزرسانی پست وبلاگ (متد PUT) 15:44
-
سمت UI - ارسال فرم برای بروزرسانی پست و دستهبندیها 10:49
-
مباحث این بخش 00:25
-
سمت API - متد اکشن حذف پست وبلاگ 07:32
-
سمت UI - حذف پست وبلاگ 05:36
-
مقدمه - آپلود تصویر 01:09
-
سمت UI - ساخت کامپوننت تصویر 09:03
-
سمت UI - انتخابگر تصویر به صورت Modal Popup 11:31
-
سمت API - تغییرات مدل دامنه برای قابلیت تصویر 04:32
-
سمت API - کنترلر و متد اکشن آپلود تصویر 09:10
-
سمت API - مخزن تصاویر 22:14
-
سمت API - سرو تصاویر ایستا از طریق API 04:08
-
سمت UI - ساخت سرویس تصویر و فرم آپلود تصویر 13:47
-
سمت API - دریافت همه تصاویر 06:55
-
سمت UI - فراخوانی و نمایش همه تصاویر 13:05
-
سمت UI - انتخاب تصویر از انتخابگر تصویر 11:32
-
سمت UI - استفاده از انتخابگر تصویر در کامپوننت افزودن پست 08:28
-
مباحث این بخش 00:37
-
سمت UI - ساخت کامپوننت صفحه اصلی 12:11
-
سمت UI - ساخت کامپوننت جزئیات وبلاگ 05:17
-
سمت API - دریافت جزئیات وبلاگ بر اساس URL 05:27
-
سمت UI - نمایش جزئیات وبلاگ بر اساس URL 13:55
-
مباحث این بخش 03:09
-
جریان احراز هویت 01:26
-
سمت API - راهاندازی احراز هویت - نصب پکیجهای Nuget 02:36
-
سمت API - ساخت DbContext و مقداردهی اولیه نقشها و کاربر پیشفرض 14:25
-
سمت API - تزریق DbContext و تغییرات مربوط به احراز هویت 14:24
-
سمت API - تست صفت Authorize 06:27
-
سمت API - ساخت کنترلر احراز هویت و متد اکشن ثبتنام 12:19
-
سمت API - ساخت جداول Identity و اجرای Migrationها 06:37
-
سمت API - متد اکشن ورود 12:05
-
سمت API - تولید JWT Token 15:48
-
سمت API - مجوزدهی مبتنی بر نقش 05:30
-
سمت API - تغییر متدهای اکشن 03:32
-
سمت UI - مقدمهای بر تغییرات 04:26
-
سمت UI - کامپوننت ورود و تغییرات Navbar 10:22
-
سمت UI - ساخت سرویس احراز هویت 06:07
-
سمت UI - ذخیرهسازی JWT Token 07:29
-
سمت UI - سرویس احراز هویت و تغییرات Navbar 10:16
-
سمت UI - پیادهسازی خروج 13:56
-
سمت UI - مخفیسازی منوی ادمین 03:44
-
سمت UI - ارسال JWT Token همراه با فراخوانیهای API 06:32
-
سمت UI - استفاده از Interceptors برای ارسال هدر احراز هویت 13:05
-
سمت UI - پیادهسازی Auth Guard 17:30
-
مباحث پوشش داده شده در این بخش 00:22
-
سمت API - افزودن قابلیت فیلتر به Web API 15:06
-
سمت UI - افزودن قابلیت فیلتر به صفحه دستهبندیها 11:54
-
سمت API - افزودن قابلیت مرتبسازی به Web API 13:27
-
سمت UI - افزودن قابلیت مرتبسازی به صفحه دستهبندیها 14:51
-
سمت API - افزودن قابلیت صفحهبندی به Web API 10:32
-
سمت UI - افزودن قابلیت صفحهبندی به صفحه دستهبندیها 21:59
-
مقدمه 00:18
-
انتشار NET Core Web API. در Azure 15:49
-
مقداردهی اولیه داده در دیتابیس نهایی 03:27
-
انتشار رابط کاربری Angular در Google Firebase 09:18
-
فعالسازی CORS برای نسخه نهایی Web API 03:00
مشخصات آموزش
آموزش Angular 20 و ASP.NET Core Web API - ساخت اپلیکیشن واقعی
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:256
- مدت زمان :31:26:17
- حجم :19.06GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy