AI Features
Log In
0% completed
All Lessons
Free Lessons (6)
Getting Started
What Is This Course About?
Directives
Introduction To Directives
How Directives Work?
Exercise: Practice with Directives
Solution: Practice with Directives
Angular Built-in Attribute Directives - NgClass
Exercise: The Built-in `NgClass` Directive
Solution: The Built-in `NgClass` Directive
The Built-in `NgStyle` Directive
Exercise: The Built-in `NgStyle` Directive
Solution: The Built-in `NgStyle` Directive
The Built-in `NgModel` Directive
Exercise: The Built-in `NgModel` Directive
Solution: The Built-in `NgModel` Directive
The Built-in `NgIf` Directive
Exercise: The Built-in `NgIf` Directive
Solution: The Built-in `NgIf` Directive
The Built-in `NgFor` Directive
Exercise: The Built-in `NgFor` Directive
Solution: The Built-in `NgFor` Directive
The Built-in `NgSwitch` Directive
Exercise: The Built-in `NgSwitch` Directive
Solution: The Built-in `NgSwitch` Directive
A Useful Trick with `ng-container`
Course Assessment
Test: Built-in Directives
Attribute Directives
Introduction to Attribute Directives
Exercise: Introduction to Attribute Directives
Solution: Introduction to Attribute Directives
Pass Values to the Custom Attribute Directive
Exercise: Passing Values to the Custom Attribute Directive
Solution: Pass Values to the Custom Attribute Directive
Handle Events with a Custom Attribute Directive
Exercise: Handle Events with a Custom Attribute Directive
Solution: Handle Events with a Custom Attribute Directive
Write Your Own Attribute Directive
Summary
Course Assessment
Test: Attribute Directives
Structural Directives
Introduction to Structural Directives
The Syntax of Structural Directives
Customized Structural Directives
Exercise: Customized Structural Directives
Solution: Customized Structural Directives
Write a Customized Structural Directive
Summary
Course Assessment
Test: Structural Directives
Project
Create Your First Data Pipeline with a Dashboard
Advanced Techniques Using Directives
Show and Hide with Alternative Templates
Exercise: Show and Hide with Alternative Templates
Solution: Show and Hide with Alternative Templates
Customizable Ng-Content Elements
Exercise: Customizable Ng-Content Elements
Solution: Customizable Ng-Content Elements
Handle Multiple Elements with Directives
Exercise: Handle Multiple Elements with Directives
Solution: Handle Multiple Elements with Directives
Course Assessment
Test: Advanced Directives
Directives Summary
Summary
Pipes
Introduction to Pipes
How Pipes Work
Angular Built-in Pipes
Exercise: Built-in Pipes in Angular
Solution: Angular Built-in Pipes
Custom Pipe
Exercise: Custom Pipes
Solution: Custom Pipes
Combine Pipes
Exercise: Combining Pipes
Solution: Combining Pipes
Pipes and Observables
Exercise: Pipes and Observables
Solution: Pipes and Observables
Course Assessment
Test: Pipes
Pipes summary
Summary
Project
Build an E-book Reader in Angular With Gutendex API
Home
Courses
Directives and Pipes in Angular
Exercise: Combining Pipes
Let’s practice chaining the pipes.
We'll cover the following...
Objectives
Task
Result
Objectives
We want to make small
...
Ask