Constructing a User Interface with Angular

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

The user interface is the single most important part of your application, because to users, it IS the application. Nothing else matters. In this course, you learn how to deliver an easy, effective, efficient, and maintainable UI using Angular.

0. Course Overview

0. Course Overview

1. Getting Started

0. Getting Started

2. Understanding the Available Building Blocks

0. Introduction

1. Components

2. @Input Decorator on a Property Setter

3. Checking for @Output Property Subscribers

4. Manipulating the UI with Directives

5. Altering Data Presentation with Pipes

6. Wrap Up

3. Querying the UI

0. Introduction

1. Templates and TemplateRefs

2. Querying the UI via ViewChild(ren) and ContentChild(ren)

3. TempateRef Selectors

4. ViewContainerRefs

5. HTMLElement as ElementRefs

6. ElementRef Selector Options - Read

7. ElementRef Selector Options - Descendants

8. ElementRef via Dependency Injection

9. QueryLists for Collections of UI Items

10.Wrap Up

4. Manipulating the UI

0. Introduction

1. View Encapsulation-

2. Shadow Piercing - Bypassing Shadow DOM

3. Building Custom Pipes - Dynamic Display Manipulation

4. Directive Selectors - More Than Just Attributes

5. Host Binding - Manipulating a Parent from a Child

6. Host Listening - Responding to a Parent From a Child

7. NativeElement and Renderer2 are NOT Bad

8. Getting and Using NativeElement Properly

9. JQuery as an Angular Anti-pattern

10. Wrap Up

5. Creating a Dynamic UI

0. Introduction

1. Using Built-in Content Projection

2. Wrapping Content in ngContainer

3. Building Templates with ngTemplate

4. ngIf-Else with ngTemplate

5. Rendering Content with ngTemplateOutlet

6. Dynamic Content with ngTemplateOutletContext

7. Component Inheritance

8. Dynamic Component Creation

9. Overview of the Widget Framework

10. Creating Dynamic Components Declaratively with ngComponentOutlet

11. Creating Dynamic Components Programmatically with ComponentFactoryResolver

6. Keeping Your DOM Clean

0. Introduction

1. Component Attribute Selectors

2. ngIf to Minimize DOM Size

3. ngSwitch Bloat

4. Shadow DOM

5. Wrap Up

7. Improving Performance of the UI

0. Introduction

1. A Better UI for Async Loading

2. Pipes and Performance

3. A Better ngFor

4. Instant Caching with Memoizing

5. A First Look at Angulars Lifecycle Hooks

6. Working with Angulars Lifecycle Hooks

7. Wrap Up

8. Security in the Angular UI

0. Introduction

1. Understanding the Threat

2. Default Security

3. Bypassing the Default Security

4. Wrap Up

9. Bringing It All Together Building Dynamic Forms

0. Introduction _ What Were Building

1. Defining the Form in Metadata

2. Generating the Field UI

3. Loading and Saving Data

4. Validating the Field Data

5. Wrap Up

10. Wrap up Use Cases and Final Thoughts

0. Introduction-a4a81946-78e7-4884-b680-4763bcfa20f9

1. Error Handling Scenarios-bbe54f5e-efc4-4cf9-b657-de1c81a862c7

2. Personalization Scenarios-345b4563-78f6-4eee-926e-7acd67d54475

3. UI Goodness Scenarios-42a8973b-d832-40e4-8861-c43cb209a829

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight