آموزش Angular Essentials (Angular 2+ با TypeScript)

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

شروع شدن Getting Started

• معرفی Introduction

• Angular چیست؟ What is Angular?

• به انجمن آموزش آنلاین ما بپیوندید Join our Online Learning Community

• Angular چگونه کار می کند؟ How does Angular Work?

• باید بخوانید: Angular CLI - آخرین نسخه MUST READ: Angular CLI - Latest Version

• ایجاد اولین برنامه شما Creating Your First App

• ویرایش برنامه اول Editing the First App

• شناخت ساختار پروژه Understanding the Project Structure

• برنامه Angular چگونه شروع می شود؟ How does an Angular App Start?

• آنچه در این دوره خواهید آموخت What you'll learn in this Course

• اختیاری: TypeScript Essentials Optional: TypeScript Essentials

• نحوه دریافت کد منبع دوره و سوال پرسیدن How to get the Course Source Code & Ask Questions

• منابع و لینک های مفید Useful Resources & Links

شروع شدن Getting Started

• معرفی Introduction

• Angular چیست؟ What is Angular?

• به انجمن آموزش آنلاین ما بپیوندید Join our Online Learning Community

• Angular چگونه کار می کند؟ How does Angular Work?

• باید بخوانید: Angular CLI - آخرین نسخه MUST READ: Angular CLI - Latest Version

• ایجاد اولین برنامه شما Creating Your First App

• ویرایش برنامه اول Editing the First App

• شناخت ساختار پروژه Understanding the Project Structure

• برنامه Angular چگونه شروع می شود؟ How does an Angular App Start?

• آنچه در این دوره خواهید آموخت What you'll learn in this Course

• اختیاری: TypeScript Essentials Optional: TypeScript Essentials

• نحوه دریافت کد منبع دوره و سوال پرسیدن How to get the Course Source Code & Ask Questions

• منابع و لینک های مفید Useful Resources & Links

درک مولفه ها Understanding Components

• معرفی ماژول Module Introduction

• پیکربندی ویرایشگر Configuring the Editor

• قالب ها و DOM Templates and the DOM

• چگونه Angular اجزای شما را می خواند How Angular Reads Your Components

• اضافه کردن اجزای سفارشی Adding Custom Components

• خروجی محتوا از طریق درون یابی رشته ای Outputting Content via String Interpolation

• گوش دادن به رویدادهای (کاربر). Listening to (User) Events

• اتصال به خواص Binding to Properties

• همه در یک زمان: دو طرفه اتصال All at the same Time: Two-Way-Binding

• زمان برای تمرین - مبانی اجزا Time to Practice - Component Basics

• [اختیاری] راه حل تکلیف [OPTIONAL] Assignment Solution

• ویژگی های اجزای اتصال Binding Component Properties

• گوش دادن به رویدادهای سفارشی شما Listening to your Custom Events

• چند مولفه و استفاده از CLI برای تولید کامپوننت Multiple Components & Using the CLI for Component Generation

• زمان تمرین - فراتر از مبانی مؤلفه Time to Practice - Beyond Component Basics

• [اختیاری] راه حل تکلیف [OPTIONAL] Assignment Solution

• درک سبک های کامپوننت محدوده Understanding Scoped Component Styles

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

درک مولفه ها Understanding Components

• معرفی ماژول Module Introduction

• پیکربندی ویرایشگر Configuring the Editor

• قالب ها و DOM Templates and the DOM

• چگونه Angular اجزای شما را می خواند How Angular Reads Your Components

• اضافه کردن اجزای سفارشی Adding Custom Components

• خروجی محتوا از طریق درون یابی رشته ای Outputting Content via String Interpolation

• گوش دادن به رویدادهای (کاربر). Listening to (User) Events

• اتصال به خواص Binding to Properties

• همه در یک زمان: دو طرفه اتصال All at the same Time: Two-Way-Binding

• زمان برای تمرین - مبانی اجزا Time to Practice - Component Basics

• [اختیاری] راه حل تکلیف [OPTIONAL] Assignment Solution

• ویژگی های اجزای اتصال Binding Component Properties

• گوش دادن به رویدادهای سفارشی شما Listening to your Custom Events

• چند مولفه و استفاده از CLI برای تولید کامپوننت Multiple Components & Using the CLI for Component Generation

• زمان تمرین - فراتر از مبانی مؤلفه Time to Practice - Beyond Component Basics

• [اختیاری] راه حل تکلیف [OPTIONAL] Assignment Solution

• درک سبک های کامپوننت محدوده Understanding Scoped Component Styles

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

اشکال زدایی و استفاده از کتابخانه های شخص ثالث Debugging & Using 3rd Party Libraries

• معرفی ماژول Module Introduction

• نحوه مدیریت خطاهای زاویه ای (و پیام های خطا) How to Handle Angular Errors (and Error Messages)

• اشکال زدایی کد با ابزارهای توسعه دهنده و نقشه های منبع Debugging Code with Developer Tools & Sourcemaps

• بینش عمیق تر با آگوری Deeper Insights with Augury

• استفاده از چارچوب های CSS با Angular (و Angular CLI) Using CSS Frameworks with Angular (and the Angular CLI)

• استفاده از کتابخانه های JS با Angular (و Angular CLI) Using JS Libraries with Angular (and the Angular CLI)

• بسته شدن Wrap Up

• لینک ها و منابع مفید Useful Links & Resources

اشکال زدایی و استفاده از کتابخانه های شخص ثالث Debugging & Using 3rd Party Libraries

• معرفی ماژول Module Introduction

• نحوه مدیریت خطاهای زاویه ای (و پیام های خطا) How to Handle Angular Errors (and Error Messages)

• اشکال زدایی کد با ابزارهای توسعه دهنده و نقشه های منبع Debugging Code with Developer Tools & Sourcemaps

• بینش عمیق تر با آگوری Deeper Insights with Augury

• استفاده از چارچوب های CSS با Angular (و Angular CLI) Using CSS Frameworks with Angular (and the Angular CLI)

• استفاده از کتابخانه های JS با Angular (و Angular CLI) Using JS Libraries with Angular (and the Angular CLI)

• بسته شدن Wrap Up

• لینک ها و منابع مفید Useful Links & Resources

ویژگی های اضافی با دستورالعمل ها Extra Features with Directives

• معرفی ماژول Module Introduction

• دستورالعمل ها چیست؟ What are Directives?

• خروجی لیست ها با ngFor Outputting Lists with ngFor

• کنترل کلاس های CSS با ngClass Controlling CSS Classes with ngClass

• اطلاعات بیشتر در مورد دستورالعمل ها More on Directives

• خروجی مشروط محتوا از طریق ngIf Conditionally Outputting Content via ngIf

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

ویژگی های اضافی با دستورالعمل ها Extra Features with Directives

• معرفی ماژول Module Introduction

• دستورالعمل ها چیست؟ What are Directives?

• خروجی لیست ها با ngFor Outputting Lists with ngFor

• کنترل کلاس های CSS با ngClass Controlling CSS Classes with ngClass

• اطلاعات بیشتر در مورد دستورالعمل ها More on Directives

• خروجی مشروط محتوا از طریق ngIf Conditionally Outputting Content via ngIf

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

Angular in Practice: شروع پروژه دوره Angular in Practice: Starting the Course Project

• معرفی ماژول Module Introduction

• برنامه ریزی اپلیکیشن Planning the App

• شروع شدن Getting Started

• پر کردن اجزا با زندگی Filling Components with Life

• مدیریت داده ها در برنامه ما Managing Data in our Application

• انتقال داده از طریق Property Binding Passing Data via Property Binding

• استفاده از ngClass برای ارائه بازخورد کاربر Using ngClass to Provide the User Feedback

• انتقال داده از طریق Event Binding Passing Data via Event Binding

• بسته شدن Wrap Up

Angular in Practice: شروع پروژه دوره Angular in Practice: Starting the Course Project

• معرفی ماژول Module Introduction

• برنامه ریزی اپلیکیشن Planning the App

• شروع شدن Getting Started

• پر کردن اجزا با زندگی Filling Components with Life

• مدیریت داده ها در برنامه ما Managing Data in our Application

• انتقال داده از طریق Property Binding Passing Data via Property Binding

• استفاده از ngClass برای ارائه بازخورد کاربر Using ngClass to Provide the User Feedback

• انتقال داده از طریق Event Binding Passing Data via Event Binding

• بسته شدن Wrap Up

مدیریت داده های شگفت انگیز با خدمات Amazing Data Management with Services

• معرفی ماژول Module Introduction

• خدمات چیست؟ What are Services?

• ایجاد یک سرویس Creating a Service

• چگونه از خدمات استفاده نکنیم How NOT to Use Services

• خدمات تزریق Injecting Services

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

• پاکسازی پروژه Cleaning up the Project

• تزریق خدمات به خدمات Injecting Services into Services

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

مدیریت داده های شگفت انگیز با خدمات Amazing Data Management with Services

• معرفی ماژول Module Introduction

• خدمات چیست؟ What are Services?

• ایجاد یک سرویس Creating a Service

• چگونه از خدمات استفاده نکنیم How NOT to Use Services

• خدمات تزریق Injecting Services

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

• پاکسازی پروژه Cleaning up the Project

• تزریق خدمات به خدمات Injecting Services into Services

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

مدیریت ورودی کاربر با فرم ها Handling User Input with Forms

• معرفی ماژول Module Introduction

• ایجاد یک فرم در قالب Creating a Form in the Template

• رسیدگی به فرم ها با Angular Handling Forms with Angular

• نحوه استفاده از مقادیر ارسال شده How to use Submitted Values

• اعتبارسنجی ورودی کاربر (با Angular) Validating User Input (with Angular)

• روش های اعتبار سنجی بیشتر More Validation Methods

• استفاده از حالت فرم برای ارائه بازخورد بصری Using the Form State to Give Visual Feedback

• چهره های مختلف ngModel The Different Faces of ngModel

• جایگزینی برای رویکرد نشان داده شده در این ماژول An Alternative to the Approach Shown in This Module

• با استفاده از رویکرد واکنشی Using the Reactive Approach

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

مدیریت ورودی کاربر با فرم ها Handling User Input with Forms

• معرفی ماژول Module Introduction

• ایجاد یک فرم در قالب Creating a Form in the Template

• رسیدگی به فرم ها با Angular Handling Forms with Angular

• نحوه استفاده از مقادیر ارسال شده How to use Submitted Values

• اعتبارسنجی ورودی کاربر (با Angular) Validating User Input (with Angular)

• روش های اعتبار سنجی بیشتر More Validation Methods

• استفاده از حالت فرم برای ارائه بازخورد بصری Using the Form State to Give Visual Feedback

• چهره های مختلف ngModel The Different Faces of ngModel

• جایگزینی برای رویکرد نشان داده شده در این ماژول An Alternative to the Approach Shown in This Module

• با استفاده از رویکرد واکنشی Using the Reactive Approach

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

تغییر صفحات با مسیریابی Changing Pages with Routing

• معرفی ماژول Module Introduction

• سمت سرور در مقابل مسیریابی سمت مشتری Server-side vs Client-side Routing

• افزودن کامپوننت هدر Adding a Header Component

• اضافه کردن مسیریابی به برنامه Adding Routing to the Application

• پیمایش با پیوندهای روتر Navigating with Router Links

• مدیریت مسیرهای ناشناخته با حروف عام و تغییر مسیر Handling Unknown Routes with Wildcards and Redirects

• استفاده از مسیرهای کودک و پارامترهای مسیر Using Child Routes and Route Parameters

• استخراج پارامترهای مسیر Extracting Route Paramters

• رفع مشکلات بارگذاری مجدد صفحه Fixing Page Reload Issues

• پاکسازی و واکنش از دست رفته Cleanup & Missing Reactivity

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

تغییر صفحات با مسیریابی Changing Pages with Routing

• معرفی ماژول Module Introduction

• سمت سرور در مقابل مسیریابی سمت مشتری Server-side vs Client-side Routing

• افزودن کامپوننت هدر Adding a Header Component

• اضافه کردن مسیریابی به برنامه Adding Routing to the Application

• پیمایش با پیوندهای روتر Navigating with Router Links

• مدیریت مسیرهای ناشناخته با حروف عام و تغییر مسیر Handling Unknown Routes with Wildcards and Redirects

• استفاده از مسیرهای کودک و پارامترهای مسیر Using Child Routes and Route Parameters

• استخراج پارامترهای مسیر Extracting Route Paramters

• رفع مشکلات بارگذاری مجدد صفحه Fixing Page Reload Issues

• پاکسازی و واکنش از دست رفته Cleanup & Missing Reactivity

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

واکنش پذیری، RxJS و مشاهده پذیرها Reactivity, RxJS and Observables

• معرفی ماژول Module Introduction

• Angular 6 و RxJS 6 Angular 6 & RxJS 6

• درک اشتراک () Understanding subscribe()

• استفاده از سوژه ها به عنوان انتشار دهنده رویداد Using Subjects as Event Emitters

• مدیریت اشتراک ها Managing Subscriptions

• اطلاعات بیشتر در مورد RxJS و Observables More on RxJS and Observables

• عمیق تر به RxJS شیرجه بزنید Dive Deeper into RxJS

• بسته شدن Wrap Up

واکنش پذیری، RxJS و مشاهده پذیرها Reactivity, RxJS and Observables

• معرفی ماژول Module Introduction

• Angular 6 و RxJS 6 Angular 6 & RxJS 6

• درک اشتراک () Understanding subscribe()

• استفاده از سوژه ها به عنوان انتشار دهنده رویداد Using Subjects as Event Emitters

• مدیریت اشتراک ها Managing Subscriptions

• اطلاعات بیشتر در مورد RxJS و Observables More on RxJS and Observables

• عمیق تر به RxJS شیرجه بزنید Dive Deeper into RxJS

• بسته شدن Wrap Up

اتصال به API از طریق Http Connecting to APIs via Http

• معرفی ماژول Module Introduction

• نصب سرویس Angular Http Installing the Angular Http Service

• تزریق سرویس Http Angular Injecting the Angular Http Service

• ارسال درخواست GET Sending a GET Request

• ارسال درخواست POST Sending a POST Request

• تغییر پاسخ ها Transforming Responses

• به روز رسانی رابط کاربری Updating the UI

• گزینه های بیشتر Further Options

• رفع یک "اشکال" که ما در پروژه خود معرفی کردیم Fixing a "Bug" we Introduced into Our Project

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

اتصال به API از طریق Http Connecting to APIs via Http

• معرفی ماژول Module Introduction

• نصب سرویس Angular Http Installing the Angular Http Service

• تزریق سرویس Http Angular Injecting the Angular Http Service

• ارسال درخواست GET Sending a GET Request

• ارسال درخواست POST Sending a POST Request

• تغییر پاسخ ها Transforming Responses

• به روز رسانی رابط کاربری Updating the UI

• گزینه های بیشتر Further Options

• رفع یک "اشکال" که ما در پروژه خود معرفی کردیم Fixing a "Bug" we Introduced into Our Project

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

بهینه سازی و استقرار Optimizations & Deployment

• معرفی ماژول Module Introduction

• نقش ماژول ها (NgModule) The Role of Modules (NgModule)

• استفاده از چندین ماژول سفارشی Using multiple Custom Modules

• ایجاد یک ماژول ویژگی و استفاده از بارگذاری تنبل Creating a Feature Module & Using Lazy Loading

• ساخت کد ما برای تولید Building our Code for Production

• آماده سازی استقرار Deployment Preparations

• مثال استقرار: AWS S3 Deployment Example: AWS S3

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

بهینه سازی و استقرار Optimizations & Deployment

• معرفی ماژول Module Introduction

• نقش ماژول ها (NgModule) The Role of Modules (NgModule)

• استفاده از چندین ماژول سفارشی Using multiple Custom Modules

• ایجاد یک ماژول ویژگی و استفاده از بارگذاری تنبل Creating a Feature Module & Using Lazy Loading

• ساخت کد ما برای تولید Building our Code for Production

• آماده سازی استقرار Deployment Preparations

• مثال استقرار: AWS S3 Deployment Example: AWS S3

• بسته شدن Wrap Up

• منابع و لینک های مفید Useful Resources & Links

خلاصه دوره Course Roundup

• خلاصه دوره Course Roundup

• امتیاز: محتوای بیشتر! Bonus: More Content!

خلاصه دوره Course Roundup

• خلاصه دوره Course Roundup

• امتیاز: محتوای بیشتر! Bonus: More Content!