آموزش Angular Core Deep Dive - مبتدی تا پیشرفته (Angular 15)

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

معرفی Introduction

• شیرجه عمیق هسته زاویه ای - نمای هلیکوپتر Angular Core Deep Dive - Helicopter View

• مهم - نسخه های نرم افزاری توصیه شده IMPORTANT - Recommended Software Versions

• شروع دوره - راه اندازی محیط توسعه Course Kickoff - Development Environment Setup

• تایپ اسکریپت Jumpstart کتاب الکترونیکی The Typescript Jumpstart Ebook

• مقدمه ای بر Angular - عناصر سفارشی HTML، Model در مقابل View Introduction To Angular - Custom HTML Elements, Model vs View

• چرا انگولار؟ با ویژگی های کلیدی Angular Core آشنا شوید Why Angular? Learn the Key Features of Angular Core

معرفی Introduction

• شیرجه عمیق هسته زاویه ای - نمای هلیکوپتر Angular Core Deep Dive - Helicopter View

• مهم - نسخه های نرم افزاری توصیه شده IMPORTANT - Recommended Software Versions

• شروع دوره - راه اندازی محیط توسعه Course Kickoff - Development Environment Setup

• تایپ اسکریپت Jumpstart کتاب الکترونیکی The Typescript Jumpstart Ebook

• مقدمه ای بر Angular - عناصر سفارشی HTML، Model در مقابل View Introduction To Angular - Custom HTML Elements, Model vs View

• چرا انگولار؟ با ویژگی های کلیدی Angular Core آشنا شوید Why Angular? Learn the Key Features of Angular Core

اجزای زاویه ای، دستورالعمل های اصلی و لوله ها Angular Components, Core Directives and Pipes

• بخش جدید - اجزای زاویه ای و دستورالعمل های اصلی New Section - Angular Components and Core Directives

• ساختن اولین کامپوننت زاویه ای ما Building our First Angular Component

• ورودی های کامپوننت و دکوراتور @Input Component Inputs and the @Input Decorator

• Angular Component @Output - رویدادهای سفارشی و انتشار دهنده رویداد Angular Component @Output - Custom Events and Event Emitters

• Angular ngIf Directive و Elvis Operator Angular ngIf Directive and the Elvis Operator

• Angular ngStyle Core Directive - زمان استفاده از آن و چرا Angular ngStyle Core Directive - When to use it and Why

اجزای زاویه ای، دستورالعمل های اصلی و لوله ها Angular Components, Core Directives and Pipes

• بخش جدید - اجزای زاویه ای و دستورالعمل های اصلی New Section - Angular Components and Core Directives

• ساختن اولین کامپوننت زاویه ای ما Building our First Angular Component

• ورودی های کامپوننت و دکوراتور @Input Component Inputs and the @Input Decorator

• Angular Component @Output - رویدادهای سفارشی و انتشار دهنده رویداد Angular Component @Output - Custom Events and Event Emitters

• دستورالعمل Angular ngFor Core The Angular ngFor Core Directive

• دستورالعمل Angular ngFor Core The Angular ngFor Core Directive

• Angular ngIf Directive و Elvis Operator Angular ngIf Directive and the Elvis Operator

• Angular ngClass Core Directive - همه ویژگی ها را بیاموزید Angular ngClass Core Directive - Learn All Features

• Angular ngClass Core Directive - همه ویژگی ها را بیاموزید Angular ngClass Core Directive - Learn All Features

• Angular ngStyle Core Directive - زمان استفاده از آن و چرا Angular ngStyle Core Directive - When to use it and Why

• دستورالعمل هسته ngSwitch زاویه ای به تفصیل Angular ngSwitch Core Directive In Detail

• دستورالعمل هسته ngSwitch زاویه ای به تفصیل Angular ngSwitch Core Directive In Detail

• دستورالعمل هسته ng-container زاویه ای - چه زمانی از آن استفاده کنیم؟ Angular ng-container Core Directive - When to use it?

• دستورالعمل هسته ng-container زاویه ای - چه زمانی از آن استفاده کنیم؟ Angular ng-container Core Directive - When to use it?

• لوله های توکار زاویه ای - کاتالوگ کامل Angular Built-In Pipes - Complete Catalog

• لوله های توکار زاویه ای - کاتالوگ کامل Angular Built-In Pipes - Complete Catalog

پرس و جو قالب محلی زاویه ای در عمق Angular Local Template Querying In Depth

• دکوراتور کودک با نمای زاویه ای - چگونه کار می کند؟ Angular View Child Decorator - How Does it Work?

پرس و جو قالب محلی زاویه ای در عمق Angular Local Template Querying In Depth

• دکوراتور کودک با نمای زاویه ای - چگونه کار می کند؟ Angular View Child Decorator - How Does it Work?

• View Child - گزینه های پیکربندی View Query متعدد را بیاموزید View Child - Learn the multiple View Query Configuration Options

• View Child - گزینه های پیکربندی View Query متعدد را بیاموزید View Child - Learn the multiple View Query Configuration Options

• قلاب چرخه حیات AfterViewInit - چقدر می توانیم با View Child پرس و جو کنیم؟ The AfterViewInit Lifecycle Hook - How deep can we query with View Child?

• قلاب چرخه حیات AfterViewInit - چقدر می توانیم با View Child پرس و جو کنیم؟ The AfterViewInit Lifecycle Hook - How deep can we query with View Child?

• نمایش دکوراتور کودکان و فهرست پرس و جو با جزئیات The View Children Decorator and Query List In Detail

• نمایش دکوراتور کودکان و فهرست پرس و جو با جزئیات The View Children Decorator and Query List In Detail

نمایش محتوای زاویه ای در عمق Angular Content Projection In Depth

• پروجکشن محتوای زاویه ای با ng-content در جزئیات Angular Content Projection with ng-content In Detail

• Angular Content Children و AfterContentInit Lyfecycle Hook Angular Content Children and the AfterContentInit Lyfecycle Hook

نمایش محتوای زاویه ای در عمق Angular Content Projection In Depth

• پروجکشن محتوای زاویه ای با ng-content در جزئیات Angular Content Projection with ng-content In Detail

• دکوراتور محتوای زاویه ای کودک - توضیح عمیق Angular Content Child Decorator - In-Depth Explanation

• دکوراتور محتوای زاویه ای کودک - توضیح عمیق Angular Content Child Decorator - In-Depth Explanation

• Angular Content Children و AfterContentInit Lyfecycle Hook Angular Content Children and the AfterContentInit Lyfecycle Hook

قالب های زاویه ای در عمق Angular Templates In Depth

• Angular Templates معرفی با ng-template Angular Templates Introduction with ng-template

• نمونه سازی Angular Template با ngTemplateOutlet Angular Template Instantiation with ngTemplateOutlet

• قالب های زاویه ای به عنوان ورودی های کامپوننت Angular Templates as Component Inputs

قالب های زاویه ای در عمق Angular Templates In Depth

• Angular Templates معرفی با ng-template Angular Templates Introduction with ng-template

• نمونه سازی Angular Template با ngTemplateOutlet Angular Template Instantiation with ngTemplateOutlet

• قالب های زاویه ای به عنوان ورودی های کامپوننت Angular Templates as Component Inputs

دستورالعمل های زاویه ای در عمق Angular Directives In Depth

• Angular Host Binding در جزئیات - ویژگی‌های DOM در مقابل ویژگی‌ها Angular Host Binding in Detail - DOM Properties vs Attributes

• دستورالعمل های ساختاری زاویه ای - درک نحو ستاره Angular Structural Directives - Understanding the Star Syntax

دستورالعمل های زاویه ای در عمق Angular Directives In Depth

• مقدمه ای بر دستورالعمل های ویژگی زاویه ای Introduction to Angular Attribute Directives

• مقدمه ای بر دستورالعمل های ویژگی زاویه ای Introduction to Angular Attribute Directives

• Angular Host Binding در جزئیات - ویژگی‌های DOM در مقابل ویژگی‌ها Angular Host Binding in Detail - DOM Properties vs Attributes

• شنونده میزبان زاویه ای - مدیریت رویدادها در دستورالعمل ها Angular Host Listener - Handling Events in Directives

• شنونده میزبان زاویه ای - مدیریت رویدادها در دستورالعمل ها Angular Host Listener - Handling Events in Directives

• Angular Directive Export As syntax - چه زمانی و چرا باید از آن استفاده کرد Angular Directive Export As syntax - When to Use it and Why

• Angular Directive Export As syntax - چه زمانی و چرا باید از آن استفاده کرد Angular Directive Export As syntax - When to Use it and Why

• دستورالعمل های ساختاری زاویه ای - درک نحو ستاره Angular Structural Directives - Understanding the Star Syntax

• دستورالعمل های سازه زاویه ای - پیاده سازی گام به گام Angular Structural Directives - Step-by-Step Implementation

• دستورالعمل های سازه زاویه ای - پیاده سازی گام به گام Angular Structural Directives - Step-by-Step Implementation

کپسوله سازی نمای زاویه ای در عمق Angular View Encapsulation In Depth

• کپسوله نمای زاویه ای - زیر کاپوت Angular View Encapsulation - Under the Hood

• دور زدن View Encapsulation با اصلاح کننده ng-deep Bypassing View Encapsulation with the ng-deep modifier

• کپسوله سازی نمای زاویه ای - پیش فرض در مقابل Shadow DOM Angular View Encapsulation - Default vs Shadow DOM

کپسوله سازی نمای زاویه ای در عمق Angular View Encapsulation In Depth

• کپسوله نمای زاویه ای - زیر کاپوت Angular View Encapsulation - Under the Hood

• کپسوله سازی نمای زاویه ای - انتخابگر میزبان Angular View Encapsulation - the Host Selector

• کپسوله سازی نمای زاویه ای - انتخابگر میزبان Angular View Encapsulation - the Host Selector

• دور زدن View Encapsulation با اصلاح کننده ng-deep Bypassing View Encapsulation with the ng-deep modifier

• انتخابگر زمینه میزبان - مورد استفاده از تم The Host Context Selector - Theming Use Case

• انتخابگر زمینه میزبان - مورد استفاده از تم The Host Context Selector - Theming Use Case

• کپسوله سازی نمای زاویه ای - پیش فرض در مقابل Shadow DOM Angular View Encapsulation - Default vs Shadow DOM

خدمات تزریقی زاویه ای در عمق Angular Injectable Services In Depth

• خدمات تزریقی زاویه ای - معرفی بخش جدید Angular Injectable Services - New Section Introduction

• Angular HTTP Client - تماس‌ها را با پارامترهای درخواست دریافت کنید The Angular HTTP Client - GET calls with Request Parameters

• لوله Async - روشی بهتر برای انتقال داده های قابل مشاهده به View The Async Pipe - a Better way of passing Observable data to the View

• خدمات سفارشی زاویه ای - دکوراتور تزریقی Angular Custom Services - The Injectable Decorator

• خدمات سفارشی زاویه ای - واکشی داده ها Angular Custom Service - Fetching Data

• سرویس سفارشی زاویه ای - اصلاح داده ها با یک HTTP PUT Angular Custom Service - Data Modification with an HTTP PUT

خدمات تزریقی زاویه ای در عمق Angular Injectable Services In Depth

• خدمات تزریقی زاویه ای - معرفی بخش جدید Angular Injectable Services - New Section Introduction

• Angular HTTP Client - تماس‌ها را با پارامترهای درخواست دریافت کنید The Angular HTTP Client - GET calls with Request Parameters

• لوله Async - روشی بهتر برای انتقال داده های قابل مشاهده به View The Async Pipe - a Better way of passing Observable data to the View

• خدمات سفارشی زاویه ای - دکوراتور تزریقی Angular Custom Services - The Injectable Decorator

• خدمات سفارشی زاویه ای - واکشی داده ها Angular Custom Service - Fetching Data

• سرویس سفارشی زاویه ای - اصلاح داده ها با یک HTTP PUT Angular Custom Service - Data Modification with an HTTP PUT

تزریق وابستگی زاویه ای در عمق Angular Dependency Injection In Depth

• مقدمه ای بر سیستم تزریق وابستگی زاویه ای Introduction to the Angular Dependency Injection System

• Angular DI - درک ارائه دهندگان و توکن های تزریق Angular DI - Understanding Providers and Injection Tokens

• Angular DI - درک پیکربندی ارائه دهنده ساده شده Angular DI - Understanding Simplified Provider Configuration

• درک تزریق وابستگی سلسله مراتبی Understanding Hierarchical Dependency Injection

• درک ارائه دهندگان Angular Tree-Shakeable Understanding Angular Tree-Shakeable Providers

• Angular DI Host Decorator and Section Conclusion Angular DI Host Decorator and Section Conclusion

تزریق وابستگی زاویه ای در عمق Angular Dependency Injection In Depth

• مقدمه ای بر سیستم تزریق وابستگی زاویه ای Introduction to the Angular Dependency Injection System

• Angular DI - درک ارائه دهندگان و توکن های تزریق Angular DI - Understanding Providers and Injection Tokens

• Angular DI - درک پیکربندی ارائه دهنده ساده شده Angular DI - Understanding Simplified Provider Configuration

• درک تزریق وابستگی سلسله مراتبی Understanding Hierarchical Dependency Injection

• درک ارائه دهندگان Angular Tree-Shakeable Understanding Angular Tree-Shakeable Providers

• Angular DI - ژتون های تزریق در جزئیات Angular DI - Injection Tokens In Detail

• Angular DI - ژتون های تزریق در جزئیات Angular DI - Injection Tokens In Detail

• دکوراتورهای Angular DI - اختیاری، خود، SkipSelf Angular DI Decorators - Optional, Self, SkipSelf

• دکوراتورهای Angular DI - اختیاری، خود، SkipSelf Angular DI Decorators - Optional, Self, SkipSelf

• Angular DI Host Decorator and Section Conclusion Angular DI Host Decorator and Section Conclusion

تشخیص تغییر زاویه ای در عمق Angular Change Detection In Depth

• تشخیص تغییر پیش فرض زاویه ای - چگونه کار می کند؟ Angular Default Change Detection - How does it Work?

• OnPush Change Detection و Observables Streams OnPush Change Detection and Observables Data Streams

• تشخیص تغییر سفارشی زاویه ای با ChangeDetectorRef Angular Custom Change Detection with ChangeDetectorRef

تشخیص تغییر زاویه ای در عمق Angular Change Detection In Depth

• تشخیص تغییر پیش فرض زاویه ای - چگونه کار می کند؟ Angular Default Change Detection - How does it Work?

• Angular OnPush Change Detection - چگونه کار می کند؟ Angular OnPush Change Detection - How does it Work?

• Angular OnPush Change Detection - چگونه کار می کند؟ Angular OnPush Change Detection - How does it Work?

• OnPush Change Detection و Observables Streams OnPush Change Detection and Observables Data Streams

• Angular Attribute Decorator - چه زمانی از آن استفاده کنیم؟ Angular Attribute Decorator - When to use it?

• Angular Attribute Decorator - چه زمانی از آن استفاده کنیم؟ Angular Attribute Decorator - When to use it?

• تشخیص تغییر سفارشی زاویه ای با ChangeDetectorRef Angular Custom Change Detection with ChangeDetectorRef

قلاب چرخه حیات زاویه ای در عمق Angular Lifecycle Hooks In Depth

• Angular AfterContentChecked Lifecycle Hook - موارد استفاده و مشکلات Angular AfterContentChecked Lifecycle Hook - Use Cases and Pitfalls

قلاب چرخه حیات زاویه ای در عمق Angular Lifecycle Hooks In Depth

• قلاب چرخه زندگی زاویه ای - OnInit و OnDestroy در جزئیات Angular Lifecycle Hooks - OnInit and OnDestroy In Detail

• قلاب چرخه زندگی زاویه ای - OnInit و OnDestroy در جزئیات Angular Lifecycle Hooks - OnInit and OnDestroy In Detail

• Angular OnChanges Lifecycle Hook Angular OnChanges Lifecycle Hook

• Angular OnChanges Lifecycle Hook Angular OnChanges Lifecycle Hook

• Angular AfterContentChecked Lifecycle Hook - موارد استفاده و مشکلات Angular AfterContentChecked Lifecycle Hook - Use Cases and Pitfalls

• Angular AfterViewChecked Lifecycle Hook - موارد استفاده و مشکلات Angular AfterViewChecked Lifecycle Hook - Use Cases and Pitfalls

• Angular AfterViewChecked Lifecycle Hook - موارد استفاده و مشکلات Angular AfterViewChecked Lifecycle Hook - Use Cases and Pitfalls

• قلاب چرخه زندگی زاویه ای - نمای کلی Angular Lifecycle Hooks - Complete Overview

• قلاب چرخه زندگی زاویه ای - نمای کلی Angular Lifecycle Hooks - Complete Overview

ماژول های زاویه ای در عمق Angular Modules in Depth

• مقدمه ای بر ماژول های زاویه ای Introduction to Angular Modules

ماژول های زاویه ای در عمق Angular Modules in Depth

• مقدمه ای بر ماژول های زاویه ای Introduction to Angular Modules

• ماژول های ویژگی زاویه ای در جزئیات Angular Feature Modules In Detail

• ماژول های ویژگی زاویه ای در جزئیات Angular Feature Modules In Detail

لوله های زاویه ای در عمق Angular Pipes In Depth

• لوله های ناخالص زاویه ای با جزئیات Angular Impure Pipes In Detail

لوله های زاویه ای در عمق Angular Pipes In Depth

• لوله های سفارشی زاویه ای - پیاده سازی گام به گام Angular Custom Pipes - Step-by-Step Implementation

• لوله های سفارشی زاویه ای - پیاده سازی گام به گام Angular Custom Pipes - Step-by-Step Implementation

• لوله های ناخالص زاویه ای با جزئیات Angular Impure Pipes In Detail

بین المللی سازی زاویه ای (i18n) در عمق Angular Internationalization (i18n) In Depth

• آشنایی با شناسه های منحصر به فرد Angular i18n Understanding Angular i18n Unique Identifiers

• پشتیبانی Angular i18n Pluralization Angular i18n Pluralization Support

بین المللی سازی زاویه ای (i18n) در عمق Angular Internationalization (i18n) In Depth

• مقدمه ای بر بین المللی سازی زاویه ای (i18n) Introduction to Angular Internationalization (i18n)

• مقدمه ای بر بین المللی سازی زاویه ای (i18n) Introduction to Angular Internationalization (i18n)

• آشنایی با شناسه های منحصر به فرد Angular i18n Understanding Angular i18n Unique Identifiers

• پشتیبانی Angular i18n Pluralization Angular i18n Pluralization Support

• پشتیبانی از عبارات جایگزین Angular i18n Angular i18n Alternative Expressions Support

• پشتیبانی از عبارات جایگزین Angular i18n Angular i18n Alternative Expressions Support

• اجرای یک Angular Application ترجمه شده با استفاده از Angular CLI Running a Translated Angular Application using the Angular CLI

• اجرای یک Angular Application ترجمه شده با استفاده از Angular CLI Running a Translated Angular Application using the Angular CLI

عناصر زاویه ای در عمق Angular Elements In Depth

عناصر زاویه ای در عمق Angular Elements In Depth

• عناصر زاویه ای در جزئیات Angular Elements In Detail

• عناصر زاویه ای در جزئیات Angular Elements In Detail

نتیجه گیری و پاداش Conclusion & Bonus

• سخنرانی پاداش Bonus Lecture

نتیجه گیری و پاداش Conclusion & Bonus

• سخنرانی پاداش Bonus Lecture

• شیرجه عمیق هسته زاویه ای - نتیجه گیری دوره و نکات کلیدی Angular Core Deep Dive - Course Conclusion and Key Takeaways

• شیرجه عمیق هسته زاویه ای - نتیجه گیری دوره و نکات کلیدی Angular Core Deep Dive - Course Conclusion and Key Takeaways