آموزش Angular

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

مقدمه Introduction

• چرا از زاویه ای استفاده می کنیم؟ Why use Angular?

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

• مبانی TypeScript Basics of TypeScript

• مرور دوره Course overview

1. نمای کلی معماری 1. Architecture Overview

• قطعات ، بوت استرپ و DOM Components, Bootstrap, and the DOM

• بخشنامه ها و لوله ها Directives and pipes

• اتصال داده Data binding

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

• خدمات و دیگر منطق تجارت Services and other business logic

• تداوم داده ها Data persistence

• مسیریابی Routing

2. اجزاء 2. Components

• NgModule و ماژول root NgModule and the root module

• فوق داده مؤلفه Component metadata

• راه اندازي ماژول براي مرورگر Bootstrapping the module for the browser

• انتخاب مؤلفه The component selector

• الگوی مؤلفه The component template

• طراحی یک جزء Styling a component

• استفاده از سایر مؤلفه ها در یک جزء Using other components in a component

• درون یابی و متن بیان Interpolation and the expression context

• اتصال ملک Property binding

• الزام آور رویداد Event binding

• دریافت داده به مؤلفه باInput Getting data to the component with @Input

• اشتراک در رویدادهای مؤلفه باOutput Subscribing to component events with @Output

3. بخشنامه ها و لوله ها 3. Directives and Pipes

• دستورالعمل های ساختاری: ngIf Structural directives: ngIf

• دستورالعمل های ساختاری: ngFor Structural directives: ngFor

• دستورالعمل های ویژگی: ساخته شده است Attribute directives: Built-in

• بخشنامه های ویژگی: سفارشی Attribute directives: Custom

• با استفاده از مقادیر راهنما Using directive values

• کار با رویدادها در بخشنامه ها Working with events in directives

• لوله های زاویه ای: داخلی Angular pipes: Built-in

• لوله های زاویه ای: سفارشی Angular pipes: Custom

4. فرم ها 4. Forms

• اشکال زاویه ای Angular forms

• فرم های محور Template-driven forms

• فرم های مدل محور Model-driven forms

• اعتبار سنجی: داخلی Validation: Built-in

• اعتبار سنجی: سفارشی Validation: Custom

• خطا در مدیریت Error handling

5- تزریق وابستگی و خدمات 5. Dependency Injection and Services

• تزریق وابستگی چقدر زاویه ای دارد How Angular does dependency injection

• خدمات در زاویه ای Services in Angular

• تزریق سازنده کلاس Class constructor injection

• ساخت و ارائه خدمات Building and providing a service

• ارائه خدمات به صورت ریشه Providing services in the root

• استفاده از خدمات در قطعات Using the service in components

• دکورکنندهInject The @Inject decorator

• نشانه تزریق Injection token

6. HTTP 6. HTTP

• Angular HttpClient The Angular HttpClient

• استفاده از یک پس زمینه مسخره برای تماس های HTTP Using a mock backend for HTTP calls

• استفاده از HttpClient برای تماس های GET Using the HttpClient for GET calls

• استفاده از پارامترهای جستجو در تماس های GET Using search params in GET calls

• از HttpClient برای تماسهای POST ، PUT و DELETE استفاده کنید Use HttpClient for POST, PUT, and DELETE calls

• مدیریت خطاهای HTTP Handling HTTP errors

7. مسیریابی 7. Routing

• تنظیم مسیرهای پایه و پیکربندی href پایه Setting the base href and configuring routes

• ثبت مسیریابی در ماژول برنامه Registering routing in the app module

• رسانه های روتر Router outlets

• پیوندهای روتر Router links

• کار با پارامترهای مسیر Working with route parameters

• با استفاده از کلاس روتر برای حرکت Using the Router class to navigate

• استفاده از ویژگی NgModule برای مسیرها Using a feature NgModule for routes

• تنبل بارگذاری یک ماژول مسیر Lazy loading a route module

8. قطعات شیک 8. Styling Components

• حالت های محصور سازی نمای The view encapsulation modes

• چگونه زاویه ای از اجزای سبک استفاده می شود How Angular scopes styles to components

• با استفاده از انتخابگرهای رایج CSS Using common CSS selectors

• انتخاب کننده های ویژه CSS پشتیبانی از زاویه ای Special CSS selectors Angular supports

• کار با سبک های جهانی Working with global styles

نتیجه Conclusion

• مراحل بعدی Next steps