ساخت اپلیکیشن ها با Angular 18 و ASP.NET Core 9
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت Web API با NET Core.
- توسعه اپلیکیشن های تکصفحهای (SPA) با Angular
- استفاده از Entity Framework Core برای کار با پایگاههای داده
- ایجاد قابلیت ثبتنام و ورود
- استقرار اپلیکیشن های NET Core. و Angular
پیشنیازهای دوره
- دانش مقدماتی HTML ،CSS و #C
توضیحات دوره
با استفاده از ASP.NET Core میتوان Web APIها را با زبان #C توسعه داد.
با Angular میتوان وب اپلیکیشن های مدرن را بدون دردسر زیاد ایجاد کرد.
در این دوره از هر دو ابزار برای ایجاد یک پروژه استفاده میشود. یک اپلیکیشن شامل پایگاه داده، سیستم کاربری، بکاند و رابط کاربری (UI) ساخته خواهد شد تا مفاهیم آموختهشده در دوره به صورت عملی پیادهسازی شوند.
مراحل کار گامبهگام پیش میرود، هم در توسعه فرانتاند با Angular و هم در توسعه بکاند با ASP.NET Core و دانشجویان میتوانند بدون داشتن دانش عمیق از هر دو فناوری در این دوره شرکت کنند. در واقع، مدرس مبانی این فناوریها را در طول دوره آموزش خواهد داد.
در پایان، اپلیکیشن Angular و اپلیکیشن ASP.NET Core توسعهیافته، منتشر خواهند شد.
برخی از موضوعاتی که پوشش داده میشوند:
- توسعه Web APIها با ASP.NET Core
- ایجاد پایگاه داده در SQL Server با استفاده از Entity Framework Core
- سیستم کاربری با Json Web Tokens (JWT)
- توسعه اپلیکیشن تکصفحهای (SPA) با Angular
- ایجاد فرمهای واکنشگرا در Angular
- ارسال درخواستهای HTTP از Angular به ASP.NET Core
- استفاده از کامپوننتهای Angular Material
- استفاده از نقشهها با Leaflet
- ذخیره دادههای مکانی در پایگاه داده با NetTopologySuite
- امکان آپلود تصاویر توسط کاربران برای ذخیره در Azure Storage یا به صورت محلی
پس از تکمیل این دوره، دانش کافی برای مواجهه با چالشهای مربوط به اپلیکیشن های ASP.NET Core و Angular کسب خواهد شد.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند فولاستک شوند
- توسعهدهندگان NET. که میخواهند Angular را یاد بگیرند. (و برعکس)
ساخت اپلیکیشن ها با Angular 18 و ASP.NET Core 9
-
مقدمه 00:23
-
Angular چیست؟ 03:22
-
مقایسه Angular و AngularJS 03:12
-
خداحافظ NgModules 01:17
-
اپلیکیشن های مستقل 00:54
-
ساختار یک اپلیکیشن مستقل 04:00
-
مقدمهای بر ASP.NET Core 02:25
-
TypeScript چیست؟ 04:14
-
نصب Node و NVM 02:20
-
نصب Angular 01:16
-
نصب Visual Studio 01:42
-
نصب Visual Studio Code و NET. 02:10
-
نصب SQL Server 02:18
-
ایجاد اپلیکیشن Angular 03:22
-
ایجاد Web API در Visual Studio 04:13
-
ایجاد Web API در Visual Studio Code 05:44
-
خلاصه 00:38
-
مقدمه 00:17
-
بررسی پروژه Angular 05:27
-
ساختار یک کامپوننت 04:55
-
درونریزی 03:50
-
پایپها 03:43
-
تکرار با For و NgFor 07:41
-
بایندینگ ویژگی و NgOptimizedImage 06:37
-
ویژگیهای پویا و NgOptimizedDirective 02:03
-
دستورات If و NgIf 09:29
-
استفاده از تصاویر شخصی 01:26
-
ایجاد یک کامپوننت جدید 07:37
-
پارامترهای کامپوننتها 04:52
-
رویدادها (Events) 07:48
-
متغیرهای مرجع قالب 02:49
-
نمایش محتوا 08:15
-
معرفی Angular Material 01:38
-
نصب Angular Material 04:21
-
ساخت کامپوننت منو 03:08
-
کلاسهای CSS پویا با NgClass 09:20
-
توابع تبدیل 02:13
-
فراخوانی رویدادها از یک کامپوننت 03:07
-
استایلدهی سراسری 03:41
-
خلاصه 00:41
-
مقدمه 00:14
-
پاکسازی پروژه 04:00
-
پیکربندی مسیریابی در اپلیکیشن 08:40
-
ناوبری با جاوا اسکریپت 09:27
-
پارامترهای URL 06:14
-
مدیریت مسیرهای ناشناخته 03:02
-
خلاصه 00:29
-
مقدمه 00:23
-
فرمهای Template-Driven و Reactive 02:35
-
ایجاد اولین فرم 06:59
-
قوانین اعتبارسنجی داخلی 07:30
-
اعتبارسنجیهای سفارشی 04:25
-
بهروزرسانی رکوردها 11:11
-
فرم بازیگر 12:42
-
اعتبارسنجی تاریخها 03:05
-
انتخاب تصاویر 15:12
-
فرم سینما 05:39
-
ایجاد کامپوننت نقشه با استفاده از Leaflet 15:47
-
کامپوننت جستجوی فیلم - قالب 07:23
-
کامپوننت جستجوی فیلم - منطق 08:43
-
کامپوننت جستجوی فیلم - رشتههای کوئری 08:53
-
فرم فیلم 10:50
-
ایجاد کامپوننت انتخاب چندگانه - ژانرها 12:49
-
کامپوننت انتخاب چندگانه - سینماها 03:48
-
ایجاد کامپوننت تکمیل خودکار 17:14
-
مرتبسازی مجدد المانها در یک لیست 04:26
-
نمایش بصری بازیگران انتخابشده 05:05
-
خلاصه 00:52
-
مقدمه 00:21
-
آمادهسازی یک ریپازیتوری تست 04:28
-
کنترلرها و اکشنها 05:39
-
متدهای HTTP شامل Post ،Put و Delete 02:12
-
دریافت پارامتر در یک اکشن 03:47
-
قوانین مسیریابی 06:25
-
انواع دادهای که یک اکشن میتواند بازگرداند 05:55
-
برنامهنویسی غیرهمگام (Asynchronous) 08:13
-
افزایش سرعت اپلیکیشن با Cache 05:35
-
میانافزارها (Middlewares) 04:08
-
معرفی Model Binding 07:57
-
اعتبارسنجی مدلها 05:38
-
سایر قوانین اعتبارسنجی داخلی 03:08
-
قوانین اعتبارسنجی سفارشی - با ویژگی 03:23
-
قوانین اعتبارسنجی سفارشی - در اکشنها 02:37
-
تزریق وابستگی (Dependency Injection) 08:21
-
اصل وارونگی وابستگی 09:54
-
چرخه عمر سرویسها 07:45
-
استفاده از Singleton برای ریپازیتوری 04:36
-
پاکسازی Cache 05:03
-
ارائهدهندگان پیکربندی 08:04
-
خلاصه 01:09
-
مقدمه 00:18
-
مرتبسازی بکاند 02:52
-
مقدمهای بر سرویسها 04:07
-
از Angular به ASP.NET Core: سرویس Http 04:18
-
پیکربندی CORS 05:10
-
استفاده از Environment برای جلوگیری از URLهای Hard-coded 04:21
-
نصب Entity Framework Core 06:24
-
ایجاد پایگاه داده 06:01
-
ایجاد ژانرها - بکاند 03:52
-
ایجاد ژانرها - Angular 02:38
-
نمایش خطاهای دریافتی از Web API 07:06
-
آبجکت های انتقال داده (DTOs) 08:06
-
لیست ژانرها - بکاند 04:08
-
لیست ژانرها - Angular 05:27
-
صفحهبندی - بکاند 14:14
-
مرتبسازی با OrderBy 01:45
-
صفحهبندی - Angular 07:37
-
بروزرسانی ژانرها - بکاند 05:42
-
بروزرسانی ژانرها - Angular 05:46
-
حذف ژانرها - بکاند 03:59
-
حذف ژانرها - Angular 04:41
-
ایجاد بازیگران - بکاند 06:37
-
ایجاد بازیگران - Angular 05:25
-
آمادهسازی اپلیکیشن برای ذخیره تصاویر 03:51
-
استفاده از Azure Storage برای ذخیره تصاویر 07:32
-
ذخیره تصاویر به صورت محلی 06:59
-
لیست بازیگران - بکاند 05:01
-
لیست بازیگران - Angular 06:40
-
بروزرسانی بازیگران - بکاند 03:33
-
بروزرسانی بازیگران - Angular 04:36
-
حذف بازیگران - بکاند 01:51
-
حذف بازیگران - Angular 01:43
-
لیست کامپوننتهای موجودیت 15:19
-
سرویسهای جنریک 04:42
-
ایجاد کامپوننت موجودیتها 10:28
-
ویرایش کامپوننت موجودیتها 10:17
-
کنترلر پایه سفارشی - دریافت موجودیتهای صفحهبندی شده 09:50
-
کنترلر پایه سفارشی - دریافت موجودیت با شناسه 04:14
-
کنترلر پایه سفارشی - ایجاد، بروزرسانی و حذف 08:04
-
موجودیت سینماها 04:41
-
عملیات CRUD سینماها - بکاند 06:06
-
عملیات CRUD سینماها - Angular 06:17
-
موجودیت فیلمها 07:02
-
ایجاد فیلمها - بکاند 07:10
-
Model Binding سفارشی 08:59
-
ایجاد فیلمها - Angular 06:28
-
تکمیل کامپوننت انتخاب بازیگران 06:37
-
دریافت فیلمها - بکاند 11:29
-
صفحه فرود - Angular 03:27
-
بروزرسانی فیلمها - بکاند 09:33
-
بروزرسانی فیلمها - Angular 06:53
-
حذف فیلمها 04:34
-
صفحه جزئیات فیلم - بخش 1 10:53
-
صفحه جزئیات فیلم - بخش 2 05:32
-
تکمیل کامپوننت جستجوی فیلمها - بکاند 08:40
-
تکمیل کامپوننت جستجوی فیلمها - Angular 06:57
-
ایجاد وقفه قبل از ارسال درخواست HTTP 03:11
-
خلاصه 00:22
-
مقدمه 00:24
-
احراز هویت (Authentication) و مجوزدهی (Authorization) 03:13
-
مخفی کردن رابط کاربری (UI) 06:58
-
مقدمهای بر محافظهای مسیر 01:08
-
استفاده از CanActive برای محافظت از مسیرها 03:04
-
پیکربندی Identity 07:50
-
پیادهسازی ورود و ثبتنام در ASP.NET Core 11:06
-
سرویس امنیت 06:18
-
ساخت کامپوننتهای ورود و ثبتنام 10:13
-
کامپوننت امتیازدهی - بکاند 11:07
-
کامپوننت امتیازدهی - Angular 03:22
-
HTTP Interceptors 04:32
-
استفاده از Claims در ASP.NET Core 04:56
-
لیست کاربران - بکاند 03:10
-
لیست کاربران - Angular 08:11
-
خلاصه 00:29
-
مقدمه 00:20
-
سرویس Azure App 04:54
-
رفع خطای راهاندازی 04:41
-
نصب Application Insights برای دیباگ خطاها در محیط Production 02:18
-
استقرار اپلیکیشن Angular در Firebase 04:57
-
خلاصه 00:23
-
تشکر! 00:04
مشخصات آموزش
ساخت اپلیکیشن ها با Angular 18 و ASP.NET Core 9
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:متوسط
- تعداد درس:171
- مدت زمان :15:14:07
- حجم :7.02GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy