Directives and pipes are incredible and often undervalued features of the Angular framework. They allow us to write efficient code, improve application performance, and omit code duplications.
In this course, you will learn about the theory and the working mechanisms of built-in directives and pipes in Angular. You’ll also implement some custom directives and pipes to learn about their real-world application cases. With this course, you will improve your Angular skills and refine your project’s codebase to increase the performance and readability of your code.
Directives and pipes are incredible and often undervalued features of the Angular framework. They allow us to write efficient co...Show More
WHAT YOU'LL LEARN
In-depth knowledge about how directives and pipes work and how they are implemented.
Refactor and improvement techniques for common frontend application issues using directives and pipes.
Implement custom Angular directives.
Implement custom Angular pipes.
Angular built-in directives and pipes.
In-depth knowledge about how directives and pipes work and how they are implemented.
Show more
Content
2.
Directives
23 Lessons
Look at Angular directives for reusable elements, custom behaviors, and dynamic DOM manipulation.
Introduction To DirectivesHow Directives Work?Exercise: Practice with DirectivesSolution: Practice with DirectivesAngular Built-in Attribute Directives - NgClassExercise: The Built-in `NgClass` DirectiveSolution: The Built-in `NgClass` DirectiveThe Built-in `NgStyle` DirectiveExercise: The Built-in `NgStyle` DirectiveSolution: The Built-in `NgStyle` DirectiveThe Built-in `NgModel` DirectiveExercise: The Built-in `NgModel` DirectiveSolution: The Built-in `NgModel` DirectiveThe Built-in `NgIf` DirectiveExercise: The Built-in `NgIf` DirectiveSolution: The Built-in `NgIf` DirectiveThe Built-in `NgFor` DirectiveExercise: The Built-in `NgFor` DirectiveSolution: The Built-in `NgFor` DirectiveThe Built-in `NgSwitch` DirectiveExercise: The Built-in `NgSwitch` DirectiveSolution: The Built-in `NgSwitch` DirectiveA Useful Trick with `ng-container`
3.
Attribute Directives
11 Lessons
Examine attribute directives to manipulate and enhance element behavior and styles in Angular.
4.
Structural Directives
7 Lessons
Grasp the fundamentals of Angular's structural directives for dynamic DOM manipulation and custom user access controls.
5.
Advanced Techniques Using Directives
9 Lessons
Solve problems in handling visibility, reusable components, and multiple elements using Angular directives.
7.
Pipes
14 Lessons
Build on how Angular pipes transform data, utilize built-in and custom pipes, and combine various pipes for dynamic, efficient data presentation.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
