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/

...

/

Introduction to Pipes

Introduction to Pipes

Understand why pipes are useful in Angular projects.

We'll cover the following...

What is a pipe?
Examples of use
Summary

Welcome to the second part of this course, which covers pipes in Angular. We’ll learn how pipes can help us, how to use built-in pipes in Angular, and how to create ...