0% completed

All LessonsFree 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

Pipes

Introduction to Pipes

Angular Built-in Pipes

Exercise: Built-in Pipes in Angular

Solution: Angular Built-in Pipes

Exercise: Custom Pipes

Solution: Custom Pipes

Exercise: Combining Pipes

Solution: Combining Pipes

Pipes and Observables

Exercise: Pipes and Observables

Solution: Pipes and Observables

Course Assessment

Test: Pipes

Pipes summary

Project

Build an E-book Reader in Angular With Gutendex API

Directives and Pipes in Angular/

...

/

Combine Pipes

Combine Pipes

Let’s learn about pipe chaining techniques.

We'll cover the following...

Chain pipes
Summary

At this point, we know how to use pipes and implement our own pipes if the built-in pipes are simply not enough. However, there’s more to learn. What should ...