آموزش کامل آنگولار و مباحث Angular Material, Angularfire and NgRx

در این دوره آموزشی ابتدا مبانی و مقدمات کدنویسی آنگولار را یاد گرفته و سپس همراه با مدرس مطالب Angular Material, Angularfire and NgRx را در آن تمرین و تجربه خواهید کرد. 

عنوان اصلی : Angular (Full App) with Angular Material, Angularfire and NgRx

سرفصل ها :

شروع شدن :
داخل دوره چیست؟
چگونه از این دوره بیشترین بهره را ببرید
برنامه ریزی اپلیکیشن
یک تجدید کننده مختصر زاویه ای (اختیاری):
Angular چیست؟
راه اندازی پروژه با Angular CLI
چگونه یک برنامه Angular شروع و کار می کند
افزودن کامپوننت ها
نحو الگو
استفاده از دستورالعمل هایی مانند ngFor و ngIf
ویژگی سفارشی و صحافی رویداد
تشکیل می دهد
آشنایی با خدمات و تزریق وابستگی
مسیریابی زاویه ای
مواد زاویه ای:
درک اجزای مواد زاویه ای
افزودن متریال زاویه ای به پروژه
به روز بمانید!
اولین جزء مواد زاویه ای ما - دکمه
ایجاد ساختار برنامه دوره
کار بر روی فرم ثبت نام
Flexbox - یک تجدید کننده سریع
کنترل Layout با @angular/flex-layout
افزودن و پیکربندی دکمه ارسال
پیاده سازی نکات و خطاهای اعتبارسنجی (در فرم ها)
اضافه کردن یک Datepicker
محدود کردن تاریخ های قابل انتخاب
افزودن چک باکس
تکمیل فرم با سبک
بسته شدن
غواصی عمیق تر در مواد زاویه ای:
اضافه کردن ناوبری و Sidenav
کار بر روی Sidenav و Toolbar
طراحی Sidenav
ریسپانسیو کردن صفحه
افزودن موارد ناوبری
تقسیم ناوبری به اجزا
کار بر روی صفحه خوش آمدید
افزودن یک جزء Tabs
افزودن چند "کارت"
اضافه کردن یک منوی کشویی
اضافه کردن اسپینر به صفحه آموزشی
اضافه کردن یک تایمر ورزشی خوب
افزودن یک صفحه گفتگوی لغو
انتقال داده به دیالوگ
افزودن گزینه های «خروج» و «ادامه».
بسته شدن
کار با داده ها و مواد زاویه ای:
مهم: RxJS 6
پیاده سازی احراز هویت
مسیریابی و احراز هویت
حفاظت از مسیر
آماده سازی داده های تمرین
تزریق و استفاده از خدمات آموزشی
تنظیم یک تمرین فعال
کنترل ورزش فعال
افزودن فرم به مؤلفه آموزشی
مدیریت آموزش فعال از طریق یک سرویس
مدیریت رویدادهای "تکمیل" و "لغو".
اضافه کردن جدول داده های مواد زاویه ای
اضافه کردن مرتب سازی به جدول داده ها
افزودن فیلتر به جدول داده ها
اضافه کردن صفحه بندی به جدول داده ها
بسته شدن
استفاده از Angularfire & Firebase:
Firebase چیست؟
شروع کار با Firebase
Angularfire چیست؟
Refresher RxJS Oservables
غواصی در Firebase
گوش دادن به تغییرات ارزش (Firestore)
گوش دادن به تغییرات Snapshot (Firestore، از جمله متادیتا)
تجدید ساختار کد
Firebase چگونه اشتراک ها را مدیریت می کند
ذخیره تمرینات تکمیل شده در Firestore
اتصال جدول داده به Firestore
کار با اسناد
افزودن احراز هویت واقعی (ثبت نام)
افزودن ورود کاربر
آشنایی با احراز هویت در SPA ها
پیکربندی قوانین امنیتی Firestore
مدیریت اشتراک های Firestore
سازماندهی مجدد کد
بسته شدن
بهینه سازی اپلیکیشن:
بهبود سبک و مدیریت خطا
اضافه کردن اسپینر
اضافه کردن یک نوار اسنک قابل استفاده مجدد (اعلان)
بهبود مدیریت خطا
تقسیم برنامه به ماژول
بهینه سازی اشتراک ها
ایجاد یک SharedModule
تقسیم کردن مسیرها
بارگذاری یک ماژول با تنبلی
حرکت گارد احراز هویت
بسته شدن
استفاده از NgRx برای مدیریت ایالت:
مفاهیم اصلی NgRx - اولین مثال
کار با چند کاهش دهنده و اکشن
ارسال اقدامات و انتخاب برش های حالت
افزودن کاهش دهنده تأیید اعتبار (و اقدامات)
اضافه کردن اشتراک های Auth
افزودن کاهش دهنده آموزشی و اقدامات با بارگذاری
حالت لود تنبل
اعزام اقدامات آموزشی
انتخاب وضعیت آموزش
انتخاب صحیح مقادیر واحد
اتصال جدول داده ها
پاکسازی پروژه
اضافه کردن یک رفع اشکال کوچک
بسته شدن
Redux چیست - مروری
استقرار برنامه:
استقرار برنامه در میزبانی Firebase
جایزه: تم های متریال زاویه ای:
درک تم های متریال زاویه ای
سفارشی کردن یک تم متریال زاویه ای
جایزه: تم های متریال زاویه ای: