Updated To Angular 19 (Angular Signals, defer, @if @for): Advanced Features of the Angular Core and Common modules
This course will give you a solid foundation on the Angular platform by giving you with an in-depth guide tour of all the advanced features available in the Angular Core and Common modules.
These are the baseline modules from which all other modules in the Angular ecosystem are built with, so this is the part of Angular that you want to learn first, and in as much detail as possible.
Angular has evolved a lot during the years, and since the introduction of Signals there is sometimes more than one way of doing things. In this course we will course each feature both ways where applicable, both with Signals and with decorators.
In this course, you will get an exhaustive guided tour of all the basic and also the advanced functionality available in these two Angular essential modules (including Angular Elements).
This guide will cover everything from the most commonly used features of Angular, up until the most advanced topics of Angular Core, such as the multiple modes of change detection, style isolation, dependency injection, content projection, internationalization, standalone components and more.
The course starts from the beginning, assuming no prior knowledge of Angular. Each concept is introduced based only on previous concepts, so there are no forward references to help with the learning process.
Even though the course starts with the essential concepts of Angular, it will quickly evolve into intermediate to advanced topics. So no matter what your current Angular level is, there is something for everyone in this course! Â
To help you make the most out of the standalone components feature, you have available a full section on how to migrate an existing application to standalone components, and completely remove NgModules from your application.
Course Overview
This course will start with a quick and practical introduction to the Angular framework. You are going to set up your development environment, and using the Angular CLI you will quickly scaffold a small Angular project from scratch.
Using this initial playground, we are then going to answer some of the most common Angular questions: Why Angular, what are its main advantages and key features? We will answer this by demonstrating how the change detection mechanism works, and introduce some of the Angular template syntax.
We will then cover one by one all the features of the Angular Core and Common modules, which include:
Custom components with @Component
Components @Input and @Output, event Emitters
Control flow syntax: @if, @for, @switch
ngFor
ngIf
ngClass
ngStyle
ngSwitch
@defer - Partial template loading
Observables
Built-In Pipes
Async Pipe
Custom Pipes
@Injectable and Custom Services
Lifecycle Hooks (ngOnInit, ngOnDestroy, etc.)
HTTP Client - GET POST PUT DELETE
@ViewChild and AfterViewInit
@ViewChildren
ng-content and Component Projection
@ContentChild and AfterContentInit
@ContentChildren
ng-template & ng-container
ngTemplateOutlet
AfterContentChecked and AfterViewChecked
ngDoCheck
Normal Change Detection
@Attribute
OnPush Change Detection
Custom Change Detection
View Encapsulation modes
@Directive
@Host
@HostListener
@HostBinding
Structural Directives
@Inject
@Optional
@Self
@SkipSelf
Hierarchical Injector
Custom Pipe
@NgModule
host, host-context, etc.
@NgPlural and other i18n features
Angular Elements
Angular Standalone Components
Angular Signals
What Will You Learn In this Course?
This course will give you advanced practical knowledge of the Angular framework. After taking this course you will feel very comfortable building Angular Applications, as you will have a detailed understanding of everything that is made available by the Angular framework core modules.
Code in Github repository with downloadable ZIP files per section
Understand key questions about Angular: Why Angular, what are the benefits?
Know how to build and style your own custom Angular Components
6 Lectures
23 Lectures
4 Lectures
3 Lectures
3 Lectures
6 Lectures
5 Lectures
6 Lectures
8 Lectures
5 Lectures
5 Lectures
5 Lectures
1 Lectures
4 Lectures
11 Lectures
12 Lectures
Hello, I'm Vasco Cavalheiro and I'm an online instructor at the Angular University.Over the years I have helped over 200k developers to learn the Angular framework and its surrounding ecosystem of technologies.Check out my Linkedin in the links section on the top right.About the Angular University:The Angular University aims to be the one place that you go in order to...
It was good leaning expirence I have learned many new concepts with easy and simple examples. thanks
Covered the main areas of angular I wanted and even deep into the other areas that I will probably not so much touch. I found it great for giving me the info about how a specific area works, but it is lacking in real world practical examples. The courses did not cover forms nor routing.
Some of the recent changes in Angular can confuse you such as default standalone components which were not around at the time of this course being recorded and can make get things tricky to get working.
All in all very good and gave me what I wanted and will be valuable to come back to as needed.
despite what initially thought this course is really good. Goes straight to what you need to know!
Enjoyed the Course
Thank You Mr.Vasco
Course is really informative and like the code level explanation
It a very good sessions
Its Advance and professional Learning, not for beginners.
I think the course is good. I liked the detail on the explanation of:
* Templates as component inputs
* Custom structural directive
* Dependency injection
But I also think there are some important topics missing to match the advanced description in the course title. These topics are:
* Routing
* Forms
* Unit tests
It is clear and straight to the point
Your email address will not be published. Required fields are marked *
Yassine H.
GOOD