آموزش ساخت رابط کاربری با Angular

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع شدن Getting Started

• شروع شدن Getting Started

درک بلوک های موجود ساختمان Understanding the Available Building Blocks

• مقدمه Introduction

• اجزاء Components

• @ تزئینگر ورودی در تنظیم کننده املاک @Input Decorator on a Property Setter

• در حال بررسی مشترکین ویژگیOutput Checking for @Output Property Subscribers

• دستکاری رابط کاربر با دستورالعمل ها Manipulating the UI with Directives

• تغییر ارائه داده با لوله ها Altering Data Presentation with Pipes

• بسته شدن Wrap Up

سerال کردن رابط کاربر Querying the UI

• مقدمه Introduction

• الگوها و TemplateRefs Templates and TemplateRefs

• سerال کردن رابط کاربر از طریق ViewChild (ren) و ContentChild (ren) Querying the UI via ViewChild(ren) and ContentChild(ren)

• انتخابگرهای TempateRef TempateRef Selectors

• ViewContainerRefs ViewContainerRefs

• HTMLElement به عنوان ElementRefs HTMLElement as ElementRefs

• گزینه های ElementRef Selector - بخوانید ElementRef Selector Options - Read

• گزینه های انتخاب ElementRef - فرزندان ElementRef Selector Options - Descendants

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

• لیست کوئری برای مجموعه موارد UI QueryLists for Collections of UI Items

• بسته شدن Wrap Up

دستکاری رابط کاربر Manipulating the UI

• مقدمه Introduction

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

• پیراهن سایه - دور زدن سایه DOM Shadow Piercing - Bypassing Shadow DOM

• ساخت لوله های سفارشی - دستکاری نمایش پویا Building Custom Pipes - Dynamic Display Manipulation

• انتخابگرهای راهنما - بیش از ویژگی ها Directive Selectors - More Than Just Attributes

• اتصال میزبان - دستکاری والدین از کودک Host Binding - Manipulating a Parent from a Child

• گوش دادن به میزبان - پاسخ دادن به والدین از کودک Host Listening - Responding to a Parent From a Child

• NativeElement و Renderer2 بد نیستند NativeElement and Renderer2 are NOT Bad

• دریافت و استفاده مناسب از NativeElement Getting and Using NativeElement Properly

• JQuery به عنوان یک ضد الگوی زاویه ای JQuery as an Angular Anti-pattern

• بسته شدن Wrap Up

ایجاد یک رابط کاربر پویا Creating a Dynamic UI

• مقدمه Introduction

• با استفاده از پیش بینی محتوای داخلی Using Built-in Content Projection

• بسته بندی محتوا در ngContainer Wrapping Content in ngContainer

• ساخت الگوها با ngTemplate Building Templates with ngTemplate

• ngIf-Else با ngTemplate ngIf-Else with ngTemplate

• ارائه محتوا با ngTemplateOutlet Rendering Content with ngTemplateOutlet

• محتوای پویا با ngTemplateOutletContext Dynamic Content with ngTemplateOutletContext

• وراثت مonلفه ها Component Inheritance

• ایجاد مولفه پویا Dynamic Component Creation

• نمای کلی چارچوب ابزارک Overview of the Widget Framework

• ایجاد اجزای پویا به صورت اظهارنظر با ngComponentOutlet Creating Dynamic Components Declaratively with ngComponentOutlet

• ایجاد اجزای پویا به صورت برنامه نویسی با ComponentFactoryResolver Creating Dynamic Components Programmatically with ComponentFactoryResolver

تمیز کردن DOM Keeping Your DOM Clean

• مقدمه Introduction

• انتخابگرهای صفت مonلفه Component Attribute Selectors

• ng به حداقل رساندن اندازه DOM ngIf to Minimize DOM Size

• ngSwitch bloat ngSwitch Bloat

• سایه DOM Shadow DOM

• بسته شدن Wrap Up

بهبود عملکرد رابط کاربر Improving Performance of the UI

• مقدمه Introduction

• رابط کاربری بهتر برای Async Loading A Better UI for Async Loading

• لوله ها و عملکرد Pipes and Performance

• ngFor بهتر A Better ngFor

• ذخیره سریع از طریق حافظه Instant Caching with Memoizing

• نگاه اول به قلاب های چرخه زندگی آنگولار A First Look at Angular's Lifecycle Hooks

• کار با قلاب های چرخه زندگی Angular Working with Angular's Lifecycle Hooks

• بسته شدن Wrap Up

امنیت در رابط کاربری Angular Security in the Angular UI

• مقدمه Introduction

• درک تهدید Understanding the Threat

• امنیت پیش فرض Default Security

• دور زدن امنیت پیش فرض Bypassing the Default Security

• بسته شدن Wrap Up

همه را با هم آوردن: ایجاد فرم های پویا Bringing It All Together: Building Dynamic Forms

• مقدمه/آنچه در حال ساخت آن هستیم Introduction / What We're Building

• تعریف فرم در فراداده Defining the Form in Metadata

• تولید رابط کاربر Field Generating the Field UI

• بارگیری و ذخیره اطلاعات Loading and Saving Data

• اعتبار سنجی داده های زمینه Validating the Field Data

• بسته شدن Wrap Up

جمع بندی: از موارد و افکار نهایی استفاده کنید Wrap up: Use Cases and Final Thoughts

• مقدمه Introduction

• سناریوهای مدیریت خطا Error Handling Scenarios

• سناریوهای شخصی سازی Personalization Scenarios

• سناریوهای خوبی UI UI Goodness Scenarios