آموزش کدنویسی آنگولار 10 بوسیله TypeScript, Firebase, and Material

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با Angular 10 یاد می گیرید.

عنوان اصلی : Angular 10 Masterclass with TypeScript, Firebase, and Material

سرفصل ها :

کاربردهای تک صفحه ای، استفاده از Angular و شروع کار:
بررسی اجمالی دوره
مقدمه ای بر اپلیکیشن های تک صفحه ای (SPA)
موارد استفاده از Angular
راه اندازی یک محیط توسعه
معماری کاربردی زاویه ای
اولین اپلیکیشن Angular
TypeScript و ESNext:
معرفی ماژول و آشنایی با TypeScript
تنظیم محیط برای نوشتن TypeScript
اعلان های متغیر (var، let و const)
انواع - اولیه
انواع - مرجع و انواع خاص
اپراتورها - Spread و Backticks
اپراتورها - تخریب و استراحت
کلاس ها
رابط
توابع پیکان
ماژول ها
رفتن و آوردن
همگام سازی/انتظار
Decorators، @NgModule، Angular Module، و App Bootstrap Mechanism در Angular:
معرفی ماژول و مروری بر ماژول های زاویه ای
دکوراتورها چیست؟
Angular Modules و @NgModule Decorator
اعلامیه ها
واردات و صادرات
ارائه دهندگان، بوت استرپ و اجزای ورودی
مکانیزم بوت استرپ کاربردی زاویه ای
@Component Decorator، Angular Components، Communication and Lifecycle Hooks:
معرفی ماژول
Angular Components و @Component Decorator
ایجاد یک کامپوننت زاویه ای با استفاده از رابط خط فرمان Angular (CLI) در StackBlitz
فراداده دکوراتور کامپوننت
مشاهده کپسوله سازی - شبیه سازی شده، Shadow DOM، هیچ کدام
اتصال داده - درون یابی رشته - {{ }}
صحافی اموال - []
صحافی رویداد - ()
@Input و @Output Property Decorators
اتصال داده دو طرفه - [()]
اتصال صفت - [attr.]
کلاس صحافی - [کلاس.]
اتصالات سبک - [سبک.]
مقدمه ای بر قلاب چرخه حیات در Angular
استفاده از قلاب چرخه حیات در Angular
نمایش جستجوها: @ViewChild
نمایش جستجوها: @ViewChildren
نمایش جستجوها: @ContentChild و @ContentChildren
تغییر مکانیسم تشخیص در Angular با استفاده از ZoneJS و NgZones
مسیریابی زاویه ای، گاردها:
مقدمه ای بر مسیریابی
پیاده سازی مسیریابی در یک برنامه زاویه ای
ایجاد یک لیست کاربری و تنظیم مرحله برای مسیریابی کودک
انتزاع پیوند کاربر به یک مؤلفه جداگانه
اجرای مسیرهای کودک
تطبیق مسیر و انواع مسیر
معرفی Route Guards در Angular
CanActivate و CanActivateChild Guards در Angular
CanDeactivate Guard در Angular
واکشی اولیه داده برای یک مؤلفه با استفاده از Resolve
تزریق وابستگی (به عنوان یک الگو و چارچوب)، خدمات، HTTP، مشاهده پذیرها:
معرفی بخش
DI به عنوان یک الگو، DI به عنوان یک چارچوب و انواع ارائه دهندگان
تزریق وابستگی سلسله مراتبی
معرفی خدمات در Angular
با استفاده از HttpClient داده ها را از یک REST API دریافت کنید
عملیات CRUD با استفاده از HttpClient، HttpParams و HttpHeaders
Observables و Operators in Observables - Map، Retry, and Catch
موضوع رفتار و به اشتراک گذاری داده ها با استفاده از سوژه های رفتاری
دستورالعمل ها و لوله ها در Angular:
معرفی بخش
مقدمه ای بر دستورالعمل ها
دستورالعمل های ساختاری داخلی
دستورالعمل های ویژگی داخلی
ساخت دستورالعمل های ویژگی سفارشی
ساخت دستورالعمل های ساختاری سفارشی
مقدمه ای بر لوله ها در انگولار
استفاده از لوله های داخلی
ایجاد لوله های سفارشی در Angular
لوله های خالص و ناخالص در انگولار
بازديد دكوراتورها
ساخت دکوراتورهای سفارشی در انگولار
ساختن یک دکوراتور سفارشی چرخه زندگی هوک کلاس چوبگیر
ساخت دکوراتور املاک سفارشی در انگولار
فرم ها در Angular:
معرفی بخش
انواع استراتژی های فرم سازی در Angular
ایجاد سریع فرم های طولانی بوت استرپ با کد VS با استفاده از Emmet
افزودن FormControl(ها) به یک فرم مبتنی بر الگو با استفاده از دستورالعمل ngModel
دریافت نمایش شی جاوا اسکریپت از یک فرم با استفاده از دستورالعمل ngForm
غیرفعال کردن دکمه ارسال در یک فرم با استفاده از پرچم $invalid فرم
دریافت نمایش شی جاوا اسکریپت از یک فرم در کلاس TypeScript
افزودن چک باکس، دکمه‌های رادیویی و فهرست انتخاب به فرم مبتنی بر الگو
ایجاد زیربخش در فرم با استفاده از دستورالعمل NgModelGroup
مراحل پیاده سازی یک فرم واکنشی در Angular
ایجاد سریع یک فرم بوت استرپ برای یک فرم واکنشی با استفاده از Emmet
ایجاد یک فرم Reactive در کلاس TypeScript و اتصال آن به Template
افزودن اعتبارسنجی فرم به فرم واکنشی
افزودن یا حذف پویا FormControl(ها) یا FormGroup(ها) با استفاده از FormArray(ها)
افزودن اعتبارسنجی سفارشی همزمان به یک فرم واکنشی
افزودن اعتبارسنجی سفارشی Async به یک فرم واکنشی
تنظیم مجدد مقدار یک فرم
با استفاده از کتابخانه ها و چارچوب های شخص ثالث، مانند MDB، Angular Material و Firebase:
معرفی بخش
ایجاد یک پروژه Angular CLI با SCSS به عنوان یک سبک پایه
معرفی Bootstrap طراحی متریال (MDB) به پروژه Angular CLI شما
افزودن نوار ناوبری در سربرگ شما
اضافه کردن دکمه های طراحی متریال
اضافه کردن کارت
استفاده از متریال دیزاین کشویی و ورودی های فرم
معرفی مواد زاویه‌ای به پروژه Angular CLI شما در بالای MDB
اضافه کردن دکمه‌های رادیویی، Slide Toggle، Slider، Progress Bar و Spinner
مقدمه ای بر Firebase
ایجاد یک برنامه با استفاده از کنسول Firebase
راه اندازی پروژه Angular CLI برای پشتیبانی از Firebase
تعامل با پایگاه داده بیدرنگ Firebase با استفاده از متدهای موجود در AngularFireList
افزودن و خواندن داده ها از پایگاه داده بیدرنگ در Firebase
به روز رسانی و حذف داده ها از پایگاه داده بیدرنگ Firebase