Angular Deep Dive - Beginner to Advanced (Angular 19)

Updated To Angular 19 (Angular Signals, defer, @if @for): Advanced Features of the Angular Core and Common modules
48,170 Students enrolled
4.53
9135 reviews
  • Description
  • Curriculum
  • FAQ
  • Reviews
62118

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.

Angular Standalone Components In Depth
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.53
9135 reviews
Stars 5
4878
Stars 4
3315
Stars 3
773
Stars 2
98
Stars 1
71