اپلیکیشن کامل انگولار با Angular Material ،Angularfire و NgRx
✅ سرفصل و جزئیات آموزش
در این دوره از Angular ،Angular Material ،Angularfire (+ Firebase با Firestore) و NgRx برای ساخت اپلیکیشن واقعی انگولار استفاده می کنید.
آنچه یاد خواهید گرفت
- با ابزارهای مدرن مانند Material و NgRx و Angularfire، اپلیکیشن های شگفت انگیز انگولار می سازید.
- اپلیکیشن های بلادرنگ می سازید که نه تنها عالی کار می کنند، بلکه عالی نیز به نظر می رسند.
توضیحات دوره
ما یک اپلیکیشن کامل و واقع گرایانه خواهیم ساخت که کاملاً زیبا به نظر می رسد، از Material Design گوگل استفاده می کند و بسیار سریع است. به لطف Firebase و Angularfire، ما قابلیت های بلادرنگ پایگاه داده را اضافه کرده و بروزرسانی های خود را تقریباً قبل از ایجاد آن ها مشاهده می کنیم.
در پشت صحنه، NgRx استفاده خواهد شد، راه حل مدیریت state الهام گرفته از ریداکس که می تواند اپلیکیشن انگولار شما را تا حد زیادی بهبود بخشد.
منتظر چه هستید، شما مباحث زیر را با جزئیات دریافت خواهید کرد:
- یک رفرشر مختصر در انگولار، فقط در صورتی که فراموش کرده اید که چگونه کار می کند (یا هرگز آن را یاد نگرفته اید).
- مقدمه ای مفصل در مورد Angular Material، مستندات و کاربرد آن
- یک اپلیکیشن واقع گرایانه که از بسیاری از کامپوننت های Angular Material استفاده می کند.
- مثال هایی برای کامپوننت هایی مانند Datepickers و Sidenavs یا جدول داده Material (از جمله مرتب سازی، فیلترینگ و بروزرسانی لایو)
- اتصال بلادرنگ به پایگاه داده با Firebase (با استفاده از Firestore) و Angularfire
- درک بهتر RxJS observables
- مدیریت state پیشرفته با کمک NgRx
- و خیلی موارد دیگر
این دوره برای چه کسانی مناسب است؟
- دانشجویانی که می خواهند عمیق تر به انگولار بپردازند و می خواهند یک اپلیکیشن واقعی با آن بسازند.
- دانشجویانی که می خواهند انگولار را تمرین کنند.
- دانشجویانی که می خواهند راهنمای عملی برای ساخت اپلیکیشن های انگولار داشته باشند.
- دانشجویان علاقه مند به استفاده از Firebase و NgRx و یا Angular Material
اپلیکیشن کامل انگولار با Angular Material ،Angularfire و NgRx
-
خوش آمد گویی و مقدمه 02:14
-
محتویات دوره چیست؟ 02:24
-
چگونه می توان از این دوره بیشترین بهره را برد؟ 02:15
-
برنامه ریزی اپلیکیشن 01:37
-
مقدمه ماژول 00:46
-
انگولار چیست؟ 04:22
-
راه اندازی پروژه با Angular CLI 04:23
-
چگونه یک اپلیکیشن انگولار راه اندازی می شود و کار می کند؟ 05:39
-
افزودن کامپوننت ها 05:46
-
سینتکس قالب 07:00
-
استفاده از دایرکتیوهایی مانند ngFor و ngIf 04:22
-
ویژگی سفارشی و اتصال رویداد 07:13
-
فرم ها 04:17
-
آشنایی با سرویس ها و تزریق وابستگی 11:10
-
مسیریابی انگولار 06:52
-
به چه مباحثی عمیقا بپردازیم؟ 00:30
-
مقدمه ماژول 03:17
-
آشنایی با کامپوننت های Angular Material 03:03
-
افزودن Angular Material به پروژه 13:12
-
بروز ماندن 00:52
-
اولین کامپوننت Angular Material - دکمه 10:11
-
ایجاد ساختار اپلیکیشن دوره 07:54
-
کار روی فرم ثبت نام 05:04
-
Flexbox - یک رفرشر سریع 09:43
-
کنترل طرح بندی با angular/flex-layout@ 06:05
-
افزودن و پیکربندی دکمه ارسال 05:06
-
پیاده سازی Hints و خطاهای اعتبارسنجی (در فرم ها) 09:38
-
استفاده از انتخابگر تاریخ (Datepicker) 09:17
-
محدود کردن تاریخ های قابل انتخاب 03:27
-
افزودن یک چک باکس 04:28
-
تکمیل فرم با استایل 02:31
-
زمان برای تمرین - Angular Material None
-
جمع بندی 01:26
-
مقدمه ماژول 00:39
-
افزودن ناوبری و ناوبری جانبی 09:13
-
کار روی ناوبری جانبی و نوار ابزار 05:13
-
استایل دهی به ناوبری جانبی 09:09
-
واکنش گرا کردن صفحه 05:08
-
افزودن آیتم های ناوبری 09:39
-
تقسیم ناوبری به کامپوننت ها 09:39
-
کار روی صفحه نمایش خوش آمدگویی 04:37
-
افزودن کامپوننت تب ها 04:40
-
افزودن برخی "کارت ها" 06:20
-
افزودن منوی کشویی 06:00
-
افزودن اسپینر به صفحه نمایش آموزش 09:16
-
افزودن یک تایمر ورزشی خوب 03:21
-
افزودن صفحه نمایش دیالوگ کنسل 06:11
-
انتقال داده به دیالوگ 06:34
-
افزودن گزینه های "خروج" و "ادامه" 03:07
-
جمع بندی 01:12
-
مقدمه ماژول 00:47
-
نکته مهم - RxJS 6 01:11
-
پیاده سازی احراز هویت 18:37
-
زمان تمرین - Angular Material و داده None
-
مسیریابی و احراز هویت 04:38
-
حفاظت از مسیر 06:54
-
آماده سازی داده تمرین 04:12
-
تزریق و استفاده از سرویس آموزش 04:34
-
تنظیم یک تمرین فعال 03:14
-
کنترل تمرین فعال 04:35
-
افزودن فرم به کامپوننت آموزش 03:21
-
مدیریت آموزش فعال از طریق یک سرویس 04:53
-
مدیریت رویدادهای "تکمیل" و "کنسل" 06:10
-
افزودن جدول داده Angular Material 14:07
-
افزودن مرتب سازی به جدول داده 06:08
-
افزودن فیلترینگ به جدول داده 05:20
-
افزودن صفحه بندی به جدول داده 05:33
-
جمع بندی 00:51
-
مقدمه ماژول 00:59
-
FIrebase چیست؟ 04:41
-
شروع کار با Firebase 02:26
-
Angularfire چیست؟ 02:07
-
رفرشر RxJS Observables 06:24
-
بررسی عمیق Firebase 07:36
-
Listen کردن به تغییرات مقدار (Firestore) 12:23
-
Listen کردن به تغییرات اسنپ شات (Firestore شامل متادیتا) 07:21
-
ساختاردهی مجدد کد 06:27
-
Firebase چگونه سابسکریپشن ها را مدیریت می کند؟ 02:52
-
ذخیره تمرینات تکمیل شده در Firestore 03:56
-
اتصال جدول داده به Firestore 07:35
-
کار با مستندات 05:03
-
افزودن احراز هویت واقعی (ثبت نام) 05:38
-
افزودن لاگین کاربر 01:51
-
آشنایی با احراز هویت در SPAs 04:02
-
پیکربندی قوانین امنیت Firestore 04:15
-
مدیریت سابسکریپشن های Firestore 05:31
-
سازماندهی مجدد کد 04:22
-
جمع بندی 01:02
-
مقدمه ماژول 00:50
-
بهبودهای استایل و مدیریت خطا 05:26
-
افزودن یک اسپینر 10:28
-
زمان تمرین - بهینه سازی ها None
-
افزودن اسنک بار قابل استفاده مجدد (نوتیفیکیشن) 03:05
-
بهبود مدیریت خطا 06:07
-
تقسیم اپلیکیشن به ماژول ها 07:00
-
زمان تمرین - ماژول ها None
-
بهینه سازی سابسکریپشن ها 03:26
-
ایجاد یک ماژول مشترک 04:40
-
تقسیم مسیرها 03:33
-
بارگذاری یک ماژول به صورت تنبل 10:19
-
جابجایی محافظ احراز هویت 02:37
-
جمع بندی 01:58
-
مقدمه ماژول 04:04
-
ریداکس چیست؟ - بررسی 01:59
-
مفاهیم اصلی NgRx - اولین مثال 14:39
-
کار با چندین Reducers و اکشن ها 12:35
-
Dispatch کردن اکشن ها و انتخاب اسلایس های State 04:37
-
زمان برای تمرین - NgRx None
-
افزودن Reducer (و اکشن های) احراز هویت 09:51
-
افزودن سابسکریپشن های احراز هویت 08:09
-
افزودن Reducer و اکشن های آموزش با Payloads 12:14
-
Lazy Loaded State 04:34
-
Dispatch کردن اکشن های آموزش 05:16
-
انتخاب State آموزش 06:33
-
انتخاب صحیح مقادیر واحد 07:30
-
اتصال جدول داده 03:14
-
پاکسازی پروژه 03:40
-
افزودن Bugfix کوچک 00:55
-
جمع بندی 01:02
-
مقدمه و آماده سازی 01:43
-
استقرار اپلیکیشن در میزبانی Firebase 04:10
-
مقدمه ماژول 00:23
-
درک تم های Angular Material 01:38
-
سفارشی سازی تم Angular Material 05:48
-
جمع بندی دوره 00:55
مشخصات آموزش
اپلیکیشن کامل انگولار با Angular Material ،Angularfire و NgRx
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:125
- مدت زمان :11:16:26
- حجم :3.93GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy