Stone River Elearning – Fundamentals of Angular Directives
How to build modular applications using directives in Angular
Angular Directives are the core technology in any Angular application. Directives are at the heart of how Angular interacts with the visual world. The Fundamentals of Angular Directives course goes in-depth on how directives work, and how they can be used to create maintainable, performant applications. In this course users will learn how about the different types of directives, how to create custom Decorator, Component, and Structural Directives, and how to use best practices to make their components performant and maintainable. This course is aimed at Angular developers, and those who are looking to improve their Angular skills. Before ing this course, learners should be familiar with JavaScript and Angular.
What you’ll learn
- Create better components
- Create custom decorator directives
- Understand and create structural directives
Requirements:
- Familiarity with JavaScript and Angular
Who this course is for:
- Angular devlopers who want to know more about directives
Course Curriculum
- Course Introduction (3:43)
- Task: Visit mlb.com
- Three Types of Directives in Angular (3:06)
- Creating Directives using the CLI (6:35)
- Declaring Directives in an NgModule (1:43)
- Create a Hello World Directive (4:58)
- Attribute Directives (0:49)
- Attribute Directives API (2:44)
- ElementRef Exercise Goal
- ElementRef Exercise Solution (1:02)
- Renderer2 Exercise
- Renderer2 Exercise Solution (1:56)
- Building our First Attribute Directive (7:34)
- Building Actions Attribute Directive Exercise (1:22)
- Actions Attribute Directive Exercise Solution (5:19)
- Host Decorators (3:48)
- HostBinding Exercise
- HostBinding Exercise Solution (1:30)
- HostListener Exercise
- HostListener Exercise Solution (1:30)
- Directive Inputs (4:25)
- Directive Inputs Exercise
- Directive Inputs Exercise Solution (4:15)
- Input, HostBinding and HostListener Exercise (4:19)
- Input, HostBinding, and HostListener Exercise Solution (7:09)
- BONUS: Mos Eisley Cantina Exercise
- Mos Eisley Cantina Exercise Solution (10:07)
- Structural Directives (8:41)
- Built-in Structural Directives (1:38)
- NgIf Built-in Structural Directive (2:35)
- NgIf Structural Directive Exercise (0:49)
- NgIf Exercise Solution (2:19)
- NgFor Built-in Structural Directive (5:14)
- NgFor Structural Directive Exercise (1:05)
- NgFor Exercise Solution (1:32)
- NgSwitch Built-in Structural Directive (6:52)
- NgSwitch Structural Directive Exercise (1:00)
- NgSwitch Exercise Solution (3:52)
- NgSwitch with Enum (5:07)
- NgSwitch with Enum Exercise (1:07)
- NgSwitch with Enum Exercise Solution (3:06)
- Structural Directives API (2:25)
- FadeOut Structural Directive (6:35)
- IfAndHide Structural Directive Exercise (1:55)
- IfAndHide Directive Exercise Solution (6:22)
- Component Directives (4:23)
- Component Templates (2:34)
- Component Property Binding Exercise
- Component Property Binding Exercise Solution (1:33)
- Component Event Binding Exercise
- Component Event Binding Exercise Solution (1:14)
- Component Bindings (4:56)
- Component Directive Exercise (1:08)
- Component Directive Exercise Solution (3:58)
- Component Output Binding Exercise
- Component Output Binding Exercise Solution (3:58)
- Container and Presenter Component Design (5:08)
- Modular Component Design Exercise (2:21)
- Modular Component Design Exercise Solution (5:04)
- Course Conclusion (0:34)
Sale Page: https://stoneriverelearning.com/p/fundamentals-of-angular-directives
Archive: https://archive.ph/wip/XV6Od
Reviews
There are no reviews yet.