دوره آموزشی Angular Crash برای توسعه دهندگان مشغول

سرفصل ها و درس ها

شروع شدن Getting Started

• معرفی دوره Course Introduction

• Angular چیست What is Angular

• معماری برنامه های زاویه ای Architecture of Angular Apps

• راه اندازی محیط توسعه Setting Up the Development Environment

• اولین اپلیکیشن انگولار شما Your First Angular App

• ساختار پروژه های زاویه ای Structure of Angular Projects

• بسته وب Webpack

• تاریخچه نسخه Angular Angular Version History

• نحوه شرکت در این دوره How to Take This Course

• سوال پرسیدن Asking Questions

شروع شدن Getting Started

• معرفی دوره Course Introduction

• Angular چیست What is Angular

• معماری برنامه های زاویه ای Architecture of Angular Apps

• راه اندازی محیط توسعه Setting Up the Development Environment

• اولین اپلیکیشن انگولار شما Your First Angular App

• ساختار پروژه های زاویه ای Structure of Angular Projects

• بسته وب Webpack

• تاریخچه نسخه Angular Angular Version History

• نحوه شرکت در این دوره How to Take This Course

• سوال پرسیدن Asking Questions

مبانی TypeScript TypeScript Fundamentals

• معرفی Introduction

• TypeScript چیست؟ What is TypeScript

• اولین برنامه TypeScript شما Your First TypeScript Program

• اعلان متغیرها Declaring Variables

• انواع Types

• اظهارات را تایپ کنید Type Assertions

• توابع پیکان Arrow Functions

• رابط ها Interfaces

• کلاس ها Classes

• اشیاء Objects

• سازندگان Constructors

• دسترسی به اصلاح کننده ها Access Modifiers

• دسترسی به اصلاح کننده ها در پارامترهای سازنده Access Modifiers in Constructor Parameters

• خواص Properties

• ماژول ها Modules

• ورزش Exercise

• راه حل Solution

مبانی TypeScript TypeScript Fundamentals

• معرفی Introduction

• TypeScript چیست؟ What is TypeScript

• اولین برنامه TypeScript شما Your First TypeScript Program

• اعلان متغیرها Declaring Variables

• انواع Types

• اظهارات را تایپ کنید Type Assertions

• توابع پیکان Arrow Functions

• رابط ها Interfaces

• کلاس ها Classes

• اشیاء Objects

• سازندگان Constructors

• دسترسی به اصلاح کننده ها Access Modifiers

• دسترسی به اصلاح کننده ها در پارامترهای سازنده Access Modifiers in Constructor Parameters

• خواص Properties

• ماژول ها Modules

• ورزش Exercise

• راه حل Solution

مبانی زاویه ای Angular Fundamentals

• معرفی Introduction

• بلوک های ساختمان برنامه های Angular Building Blocks of Angular Apps

• اجزاء Components

• تولید کامپوننت ها با استفاده از Angular CLI Generating Components Using Angular CLI

• قالب ها Templates

• دستورالعمل ها Directives

• خدمات Services

• تزریق وابستگی Dependency Injection

• تولید خدمات با استفاده از Angular CLI Generating Services Using Angular CLI

• صفحه نویسندگان Authors Page

مبانی زاویه ای Angular Fundamentals

• معرفی Introduction

• بلوک های ساختمان برنامه های Angular Building Blocks of Angular Apps

• اجزاء Components

• تولید کامپوننت ها با استفاده از Angular CLI Generating Components Using Angular CLI

• قالب ها Templates

• دستورالعمل ها Directives

• خدمات Services

• تزریق وابستگی Dependency Injection

• تولید خدمات با استفاده از Angular CLI Generating Services Using Angular CLI

• صفحه نویسندگان Authors Page

نمایش داده ها و مدیریت رویدادها Displaying Data and Handling Events

• معرفی Introduction

• صحافی اموال Property Binding

• صفت Binding Attribute Binding

• اضافه کردن بوت استرپ Adding Bootstrap

• صحافی کلاس Class Binding

• سبک صحافی Style Binding

• صحافی رویداد Event Binding

• فیلتر کردن رویداد Event Filtering

• متغیرهای قالب Template Variables

• صحافی دوطرفه Two-way Binding

• لوله های Pipes

• لوله های سفارشی Custom Pipes

• کامپوننت مورد علاقه Favorite Component

• پوشش عنوان Title Casing

نمایش داده ها و مدیریت رویدادها Displaying Data and Handling Events

• معرفی Introduction

• صحافی اموال Property Binding

• صفت Binding Attribute Binding

• اضافه کردن بوت استرپ Adding Bootstrap

• صحافی کلاس Class Binding

• سبک صحافی Style Binding

• صحافی رویداد Event Binding

• فیلتر کردن رویداد Event Filtering

• متغیرهای قالب Template Variables

• صحافی دوطرفه Two-way Binding

• لوله های Pipes

• لوله های سفارشی Custom Pipes

• کامپوننت مورد علاقه Favorite Component

• پوشش عنوان Title Casing

ساخت قطعات قابل استفاده مجدد Building Reusable Components

• معرفی Introduction

• API کامپوننت Component API

• ویژگی های ورودی Input Properties

• نام مستعار خصوصیات ورودی Aliasing Input Properties

• ویژگی های خروجی Output Properties

• انتقال داده های رویداد Passing Event Data

• نام مستعار خواص خروجی Aliasing Output Properties

• قالب ها Templates

• سبک ها Styles

• مشاهده کپسولاسیون View Encapsulation

• ngContent ngContent

• ngContainer ngContainer

• مانند کامپوننت Like Component

ساخت قطعات قابل استفاده مجدد Building Reusable Components

• معرفی Introduction

• API کامپوننت Component API

• ویژگی های ورودی Input Properties

• نام مستعار خصوصیات ورودی Aliasing Input Properties

• ویژگی های خروجی Output Properties

• انتقال داده های رویداد Passing Event Data

• نام مستعار خواص خروجی Aliasing Output Properties

• قالب ها Templates

• سبک ها Styles

• مشاهده کپسولاسیون View Encapsulation

• ngContent ngContent

• ngContainer ngContainer

• مانند کامپوننت Like Component

دستورالعمل ها Directives

• معرفی Introduction

• ngIf ngIf

• دارایی پنهان Hidden Property

• ngSwitchCase ngSwitchCase

• ngFor ngFor

• ngFor and Change Detection ngFor and Change Detection

• ngFor و trackBy ngFor and trackBy

• ستاره پیشرو The Leading Asterisk

• ngClass ngClass

• ngStyle ngStyle

• اپراتور پیمایش ایمن Safe Traversal Operator

• ایجاد دستورالعمل های سفارشی Creating Custom Directives

• ZippyComponent ZippyComponent

دستورالعمل ها Directives

• معرفی Introduction

• ngIf ngIf

• دارایی پنهان Hidden Property

• ngSwitchCase ngSwitchCase

• ngFor ngFor

• ngFor and Change Detection ngFor and Change Detection

• ngFor و trackBy ngFor and trackBy

• ستاره پیشرو The Leading Asterisk

• ngClass ngClass

• ngStyle ngStyle

• اپراتور پیمایش ایمن Safe Traversal Operator

• ایجاد دستورالعمل های سفارشی Creating Custom Directives

• ZippyComponent ZippyComponent

فرم های الگو محور Template-driven Forms

• معرفی Introduction

• ساخت فرم بوت استرپ Building a Bootstrap Form

• انواع فرم ها Types of Forms

• ngModel ngModel

• افزودن اعتبارسنجی Adding Validation

• خطاهای اعتبارسنجی خاص Specific Validation Errors

• شکل دادن به فیلدهای ورودی نامعتبر Styling Invalid Input Fields

• قالب های تمیزتر Cleaner Templates

• ngForm ngForm

• ngModelGroup ngModelGroup

• کلاس ها و دستورالعمل های کنترل Control Classes and Directives

• غیرفعال کردن دکمه ارسال Disabling the Submit Button

• کار با چک باکس ها Working with Check Boxes

• کار با لیست های کشویی Working with Drop-down Lists

• کار با دکمه های رادیویی Working with Radio Buttons

• فرم دوره Course Form

فرم های الگو محور Template-driven Forms

• معرفی Introduction

• ساخت فرم بوت استرپ Building a Bootstrap Form

• انواع فرم ها Types of Forms

• ngModel ngModel

• افزودن اعتبارسنجی Adding Validation

• خطاهای اعتبارسنجی خاص Specific Validation Errors

• شکل دادن به فیلدهای ورودی نامعتبر Styling Invalid Input Fields

• قالب های تمیزتر Cleaner Templates

• ngForm ngForm

• ngModelGroup ngModelGroup

• کلاس ها و دستورالعمل های کنترل Control Classes and Directives

• غیرفعال کردن دکمه ارسال Disabling the Submit Button

• کار با چک باکس ها Working with Check Boxes

• کار با لیست های کشویی Working with Drop-down Lists

• کار با دکمه های رادیویی Working with Radio Buttons

• فرم دوره Course Form

فرم های واکنشی Reactive Forms

• معرفی Introduction

• ساخت فرم بوت استرپ Building a Bootstrap Form

• ایجاد کنترل ها به صورت برنامه ای Creating Controls Programmatically

• افزودن اعتبارسنجی Adding Validation

• خطاهای اعتبارسنجی خاص Specific Validation Errors

• پیاده سازی اعتبار سنجی سفارشی Implementing Custom Validation

• عملیات ناهمزمان Asynchronous Operations

• اعتبار سنجی ناهمزمان Asynchronous Validation

• نمایش تصویر لودر Showing a Loader Image

• اعتبار سنجی فرم پس از ارسال Validating the Form Upon Submit

• Nested FormGroups Nested FormGroups

• FormArray FormArray

• FormBuilder FormBuilder

• جمع بندی سریع Quick Recap

• تغییر فرم رمز عبور Change Password Form

فرم های واکنشی Reactive Forms

• معرفی Introduction

• ساخت فرم بوت استرپ Building a Bootstrap Form

• ایجاد کنترل ها به صورت برنامه ای Creating Controls Programmatically

• افزودن اعتبارسنجی Adding Validation

• خطاهای اعتبارسنجی خاص Specific Validation Errors

• پیاده سازی اعتبار سنجی سفارشی Implementing Custom Validation

• عملیات ناهمزمان Asynchronous Operations

• اعتبار سنجی ناهمزمان Asynchronous Validation

• نمایش تصویر لودر Showing a Loader Image

• اعتبار سنجی فرم پس از ارسال Validating the Form Upon Submit

• Nested FormGroups Nested FormGroups

• FormArray FormArray

• FormBuilder FormBuilder

• جمع بندی سریع Quick Recap

• تغییر فرم رمز عبور Change Password Form

مصرف خدمات HTTP Consuming HTTP Services

• معرفی Introduction

• JSONPlaceHolder JSONPlaceHolder

• دریافت داده ها Getting Data

• ایجاد داده Creating Data

• به روز رسانی داده ها Updating Data

• حذف داده ها Deleting Data

• رابط OnInit OnInit Interface

• تفکیک نگرانی ها Separation of Concerns

• استخراج یک سرویس Extracting a Service

• رسیدگی به خطاها Handling Errors

• رسیدگی به خطاهای غیرمنتظره Handling Unexpected Errors

• رسیدگی به خطاهای مورد انتظار Handling Expected Errors

• پرتاب خطاهای خاص برنامه Throwing Application-specific Errors

• رسیدگی به خطاهای درخواست بد Handling Bad Request Errors

• وارد کردن اپراتورهای قابل مشاهده و روش های کارخانه Importing Observable Operators and Factory Methods

• مدیریت خطای جهانی Global Error Handling

• استخراج یک روش مدیریت خطای قابل استفاده مجدد Extracting a Reusable Error Handling Method

• استخراج یک سرویس داده قابل استفاده مجدد Extracting a Reusable Data Service

• اپراتور نقشه The Map Operator

• به روز رسانی های خوش بینانه در مقابل بدبینانه Optimistic vs Pessimistic Updates

• مشاهده پذیرها در مقابل وعده ها Observables vs Promises

• صفحه فالوور GitHub GitHub Followers Page

مصرف خدمات HTTP Consuming HTTP Services

• معرفی Introduction

• JSONPlaceHolder JSONPlaceHolder

• دریافت داده ها Getting Data

• ایجاد داده Creating Data

• به روز رسانی داده ها Updating Data

• حذف داده ها Deleting Data

• رابط OnInit OnInit Interface

• تفکیک نگرانی ها Separation of Concerns

• استخراج یک سرویس Extracting a Service

• رسیدگی به خطاها Handling Errors

• رسیدگی به خطاهای غیرمنتظره Handling Unexpected Errors

• رسیدگی به خطاهای مورد انتظار Handling Expected Errors

• پرتاب خطاهای خاص برنامه Throwing Application-specific Errors

• رسیدگی به خطاهای درخواست بد Handling Bad Request Errors

• وارد کردن اپراتورهای قابل مشاهده و روش های کارخانه Importing Observable Operators and Factory Methods

• مدیریت خطای جهانی Global Error Handling

• استخراج یک روش مدیریت خطای قابل استفاده مجدد Extracting a Reusable Error Handling Method

• استخراج یک سرویس داده قابل استفاده مجدد Extracting a Reusable Data Service

• اپراتور نقشه The Map Operator

• به روز رسانی های خوش بینانه در مقابل بدبینانه Optimistic vs Pessimistic Updates

• مشاهده پذیرها در مقابل وعده ها Observables vs Promises

• صفحه فالوور GitHub GitHub Followers Page

مسیریابی و ناوبری Routing and Navigation

• معرفی Introduction

• مسیریابی به طور خلاصه Routing in a Nutshell

• پیکربندی مسیرها Configuring Routes

• روتر اوتلت RouterOutlet

• RouterLink RouterLink

• RouterLinkActive RouterLinkActive

• دریافت پارامترهای مسیر Getting the Route Parameters

• چرا پارامترهای مسیر قابل مشاهده هستند؟ Why Route Parameters Are Observable

• مسیرهایی با پارامترهای متعدد Routes with Multiple Parameters

• پارامترهای پرس و جو Query Parameters

• اشتراک در Multiple Observables Subscribing to Multiple Observables

• اپراتور SwitchMap SwitchMap Operator

• ناوبری برنامه ای Programmatic Navigation

• آرشیو وبلاگ Blog Archives

• توجه داشته باشید Note

مسیریابی و ناوبری Routing and Navigation

• معرفی Introduction

• مسیریابی به طور خلاصه Routing in a Nutshell

• پیکربندی مسیرها Configuring Routes

• روتر اوتلت RouterOutlet

• RouterLink RouterLink

• RouterLinkActive RouterLinkActive

• دریافت پارامترهای مسیر Getting the Route Parameters

• چرا پارامترهای مسیر قابل مشاهده هستند؟ Why Route Parameters Are Observable

• مسیرهایی با پارامترهای متعدد Routes with Multiple Parameters

• پارامترهای پرس و جو Query Parameters

• اشتراک در Multiple Observables Subscribing to Multiple Observables

• اپراتور SwitchMap SwitchMap Operator

• ناوبری برنامه ای Programmatic Navigation

• آرشیو وبلاگ Blog Archives

• توجه داشته باشید Note

بعد چه می شود؟ What's Next?

• کوپن به دوره های دیگر من Coupon to My Other Courses

بعد چه می شود؟ What's Next?

• کوپن به دوره های دیگر من Coupon to My Other Courses