Angular Components like a Pro Angular 24567

Master the Angular Components like a PRO to create technically brilliant components
Angular Components like a Pro Angular 24567
File Size :
1.59 GB
Total length :
2h 51m



Enrique Oriol


Last update




Angular Components like a Pro Angular 24567

What you’ll learn

Build Angular components with the same quality of those from other Angular based frameworks like Ionic or Angular Material
Manage your app components in the right and scalable way

Angular Components like a Pro Angular 24567


Basic knowledge of Angular (angular 2 or 4): have been playing with a couple tutorials
Basic knowledge of TypeScript (what you’ll have learned with Angular)
Basic knowledge of Javascript ES6 (classes and arrow functions)
Basic knowledge of HTML
Basic knowledge of CSS
Very basic knowledge of GIT


¡Join Udemy’s most advanced course on Angular components and start NOW to improve your skills!This course will take you through the whole complexity of Angular components, starting with the most basic level, and reaching the most advanced cases.From using Inputs and Outputs, to communication between transcluded components and generating components dynamically. This course covers all component related aspects you need to learn in order to master Angular as a professional.Some of the topics that you will learn through the course, are: Angular components lifecycleCommunication between parent and children components, in both directionsTemplate Reference VariablesComponent architecturesObservables & AsyncPipe
View style’s encapsulationChange detection strategiesContent projection (transclusion)Platform Agnostic RenderingDynamic ComponentsAlso, if you get stuck somehow, you will benefit from a friendly and fast support, via direct communication and through the forum 😉
Angular is one of the most powerful and efficient modern frontend frameworks you can learn right now. It allows you to build complex webs with ease and obtaining incredible results. Learn now all you need to develop powerful websites in Angular with all the guarantees.Those are some reviews from the students of my original components course (in Spanish):- Excellent way to explain each topic, videos without errors and direct to the point, audio quality and video, spectacular too. It is always focused into the subject and very complete. Now it’s my turn to continue learning, thank you very much. Keep it up. regards- Very good course, makes you change you way of seeing components.- Excellent course, teach very well advanced subjects that I did not find in other courses, respond quickly, I am happy and I recommend it extensively.- Very interesting contents for efficient programming- Excellent course, now I have a cleared idea about how the components work in angular and how to implement good practices, I recommend it 100% to become experts with angular.- Very good subject explained in the course, according to what was promised before starting. Good practices for better performance in an Angular app.- Very complete and well explained- I consider it an excellent course, it helps to understand the components in a clear way and applying good practices.- Excellent course, very well explained- For now the best Udemy course I’ve done with a lot of difference!- He Masters the topic to perfection- The best angular course I’ve ever done. Thank you very much


Section 1: Intro

Lecture 1 Introduction

Lecture 2 Source code and install process

Section 2: Basic Level

Lecture 3 @Component decorator

Lecture 4 Building a new component

Lecture 5 Progress bar component: Component styles (:host)

Lecture 6 @Input decorator & property bindings

Lecture 7 Countdown component: ngOnInit lifecycle hook

Lecture 8 @Output decorator, EventEmitter & event bindings

Lecture 9 Using child component methods via Template Reference Variable

Lecture 10 Lifecycle hooks: ngOnChange & ngOnDestroy

Section 3: Intermediate Level

Lecture 11 Stateful VS Stateless Components

Lecture 12 Source code & install process

Lecture 13 Presentational Components (stateless)

Lecture 14 Containers (stateful components)

Lecture 15 Moving logic to a service (Single Responsibility Principle)

Lecture 16 Providers at a component and module levels

Lecture 17 Observables & Subjects: Emitting events from a service

Lecture 18 BehaviourSubject & AsyncPipe

Lecture 19 Good practices – Getters or how to avoid logic inside templates

Lecture 20 Default change detection strategy

Lecture 21 OnPush change detection strategy

Lecture 22 Component styles encapsulation (shadow DOM)

Section 4: Advanced Level

Lecture 23 Content projection with ng-content

Lecture 24 ng-content and projection slots

Lecture 25 ng-content & Don’t Repeat Yourself (DRY) strategies

Lecture 26 Access parent component from code

Lecture 27 @ContentChild: access the projected content

Lecture 28 @ContentChildren & QueryList: access the projected content

Lecture 29 @ViewChild: access child component

Lecture 30 @ViewChildren & QueryList: access children components

Lecture 31 ElementRef and NativeElement

Lecture 32 Renderer: Platform Agnostic Render

Lecture 33 ng-container – grouping elements without a wrapper

Lecture 34 ng-template – repeating content into the DOM

Lecture 35 Creating Dynamic Components

Lecture 36 Dynamic Components: Inputs and Outputs

Lecture 37 Dynamic Components: Creation and Destruction

Lecture 38 Final thoughts

Anyone with basic knowledge of Angular and willing to dig deeper.

Course Information:

Udemy | English | 2h 51m | 1.59 GB
Created by: Enrique Oriol

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top