Beginner to Advanced (Angular 22)
Updated To Angular 22 (Angular Signals, defer, @if @for): Advanced Features of the Angular Core and Common modules
Así estudias: curso autodidacta
- Autodidacta y 100% en línea: contenido disponible 24/7.
- Avanzas a tu ritmo: la plataforma guarda tu progreso.
- Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
- Te evalúas con actividades automáticas, sin entregas a un tutor.
Lo que serás capaz de hacer
This course will give you a solid foundation on the Angular platform by giving you with an i n-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
- Learn in detail all the functionality available in Core Directives
- Feel comfortable with Intermediate topics like Template Querying, Content Projection, Dynamic Templates and more
- Have in-depth knowledge how to build custom Attribute and Structural Directives
Temario
UNIDAD 1 - Introduction · 6 leccionesUNIDAD 1 - Introduction
UNIDAD 1 - Introduction
- Angular Core Deep Dive - Introduction
- IMPORTANT - Recommended Software Versions
- Course Kickoff - Development Environment Setup
- The Typescript Jumpstart Ebook
- Introduction To Angular - Custom HTML Elements, Model vs View
- Why Angular? Learn the Key Features of Angular Core
UNIDAD 2 - Angular Components, Core Directives and Pipes · 23 leccionesUNIDAD 2 - Angular Components, Core Directives and Pipes
UNIDAD 2 - Angular Components, Core Directives and Pipes
- New Section - Angular Components and Core Directives
- Building our First Angular Component
- Component Inputs and the @Input Decorator
- Angular Component @Output - Custom Events and Event Emitters
- Angular 17 Control Flow Syntax
- The Angular 17 @for syntax
- Angular @for @empty, $index and other extra options
- Understanding Angular 17 @for tracking functions
- What's Next - The ngFor Directive
- The Angular ngFor Core Directive
- Angular 17 - Comparison between @for and ngFor
- Angular 17 - @if Section Introduction
- The Angular 17 @if else syntax
- What's Next - The ngIf Directive
- Angular ngIf Directive and the Elvis Operator
- Angular 17 - Comparison between @if vs ngIf
- Angular ngClass Core Directive - Learn All Features
- Angular ngStyle Core Directive - When to use it and Why
- Angular 17 @switch Section Introduction
- The Angular 17 @switch syntax in action
- Angular ngSwitch Core Directive In Detail
- Angular ng-container Core Directive - When to use it?
- Angular Built-In Pipes - Complete Catalog
UNIDAD 3 - Angular Local Template Querying In Depth · 4 leccionesUNIDAD 3 - Angular Local Template Querying In Depth
UNIDAD 3 - Angular Local Template Querying In Depth
- Angular View Child Decorator - How Does it Work?
- View Child - Learn the multiple View Query Configuration Options
- The AfterViewInit Lifecycle Hook - How deep can we query with View Child?
- The View Children Decorator and Query List In Detail
UNIDAD 4 - Angular Content Projection In Depth · 3 leccionesUNIDAD 4 - Angular Content Projection In Depth
UNIDAD 4 - Angular Content Projection In Depth
- Angular Content Projection with ng-content In Detail
- Angular Content Child Decorator - In-Depth Explanation
- Angular Content Children and the AfterContentInit Lyfecycle Hook
UNIDAD 5 - Angular Templates In Depth · 3 leccionesUNIDAD 5 - Angular Templates In Depth
UNIDAD 5 - Angular Templates In Depth
- Angular Templates Introduction with ng-template
- Angular Template Instantiation with ngTemplateOutlet
- Angular Templates as Component Inputs
UNIDAD 6 - Angular Directives In Depth · 6 leccionesUNIDAD 6 - Angular Directives In Depth
UNIDAD 6 - Angular Directives In Depth
- Introduction to Angular Attribute Directives
- Angular Host Binding in Detail - DOM Properties vs Attributes
- Angular Host Listener - Handling Events in Directives
- Angular Directive Export As syntax - When to Use it and Why
- Angular Structural Directives - Understanding the Star Syntax
- Angular Structural Directives - Step-by-Step Implementation
UNIDAD 7 - Angular View Encapsulation In Depth · 5 leccionesUNIDAD 7 - Angular View Encapsulation In Depth
UNIDAD 7 - Angular View Encapsulation In Depth
- Angular View Encapsulation - Under the Hood
- Angular View Encapsulation - the Host Selector
- Bypassing View Encapsulation with the ng-deep modifier
- The Host Context Selector - Theming Use Case
- Angular View Encapsulation - Default vs Shadow DOM
UNIDAD 8 - Angular Injectable Services In Depth · 6 leccionesUNIDAD 8 - Angular Injectable Services In Depth
UNIDAD 8 - Angular Injectable Services In Depth
- Angular Injectable Services - New Section Introduction
- The Angular HTTP Client - GET calls with Request Parameters
- The Async Pipe - a Better way of passing Observable data to the View
- Angular Custom Services - The Injectable Decorator
- Angular Custom Service - Fetching Data
- Angular Custom Service - Data Modification with an HTTP PUT
UNIDAD 9 - Angular Dependency Injection In Depth · 8 leccionesUNIDAD 9 - Angular Dependency Injection In Depth
UNIDAD 9 - Angular Dependency Injection In Depth
- Introduction to the Angular Dependency Injection System
- Angular DI - Understanding Providers and Injection Tokens
- Angular DI - Understanding Simplified Provider Configuration
- Understanding Hierarchical Dependency Injection
- Understanding Angular Tree-Shakeable Providers
- Angular DI - Injection Tokens In Detail
- Angular DI Decorators - Optional, Self, SkipSelf
- Angular DI Host Decorator and Section Conclusion
UNIDAD 10 - Angular Change Detection In Depth · 5 leccionesUNIDAD 10 - Angular Change Detection In Depth
UNIDAD 10 - Angular Change Detection In Depth
- Angular Default Change Detection - How does it Work?
- Angular OnPush Change Detection - How does it Work?
- OnPush Change Detection and Observables Data Streams
- Angular Attribute Decorator - When to use it?
- Angular Custom Change Detection with ChangeDetectorRef
UNIDAD 11 - Angular Lifecycle Hooks In Depth · 5 leccionesUNIDAD 11 - Angular Lifecycle Hooks In Depth
UNIDAD 11 - Angular Lifecycle Hooks In Depth
- Angular Lifecycle Hooks - OnInit and OnDestroy In Detail
- Angular OnChanges Lifecycle Hook
- Angular AfterContentChecked Lifecycle Hook - Use Cases and Pitfalls
- Angular AfterViewChecked Lifecycle Hook - Use Cases and Pitfalls
- Angular Lifecycle Hooks - Complete Overview
UNIDAD 12 - Angular Modules in Depth · 2 leccionesUNIDAD 12 - Angular Modules in Depth
UNIDAD 12 - Angular Modules in Depth
- Introduction to Angular Modules
- Angular Feature Modules In Detail
UNIDAD 13 - Angular Pipes In Depth · 2 leccionesUNIDAD 13 - Angular Pipes In Depth
UNIDAD 13 - Angular Pipes In Depth
- Angular Custom Pipes - Step-by-Step Implementation
- Angular Impure Pipes In Detail
UNIDAD 14 - Angular Internationalization (i18n) In Depth · 5 leccionesUNIDAD 14 - Angular Internationalization (i18n) In Depth
UNIDAD 14 - Angular Internationalization (i18n) In Depth
- Introduction to Angular Internationalization (i18n)
- Understanding Angular i18n Unique Identifiers
- Angular i18n Pluralization Support
- Angular i18n Alternative Expressions Support
- Running a Translated Angular Application using the Angular CLI
UNIDAD 15 - Angular Elements In Depth · 1 leccionesUNIDAD 15 - Angular Elements In Depth
UNIDAD 15 - Angular Elements In Depth
- Angular Elements In Detail
UNIDAD 16 - Angular Standalone Components In Depth · 4 leccionesUNIDAD 16 - Angular Standalone Components In Depth
UNIDAD 16 - Angular Standalone Components In Depth
- Angular Standalone Components - New Section
- Migrating To Standalone Components Step 1 - Importing Dependencies
- Migrating To Standalone Components Step 2 - Removing Unused Modules
- Migrating To Standalone Components Step 3 - Refactor Application Bootstrapping
UNIDAD 17 - Angular 17 @defer - Partial Template Loading · 11 leccionesUNIDAD 17 - Angular 17 @defer - Partial Template Loading
UNIDAD 17 - Angular 17 @defer - Partial Template Loading
- Angular 17 @defer Section Introduction
- Angular 17 @defer - How Does It Work?
- Angular 17 @defer with @placeholder
- Angular 17 @defer with @loading
- Angular 17 @defer trigger (idle and immediate triggers)
- Angular 17 @defer timer trigger - Understanding prefetch triggers
- Angular 17 @defer @error block
- Angular 17 @defer - The viewport built-in trigger
- Angular 17 @defer - The built-in interaction trigger
- Angular 17 @defer- the built-in on hover trigger
- Angular 17 @defer Custom Triggers
UNIDAD 18 - Angular 17 Signals In Depth · 12 leccionesUNIDAD 18 - Angular 17 Signals In Depth
UNIDAD 18 - Angular 17 Signals In Depth
- Angular 17 Signals - Section Introduction
- Introduction to Angular 17 Signals - Writing our first Signal
- The Angular 17 Signal update() API and Read Only Signals
- Angular Signals with Objects and Arrays - Avoid mutating signal values directly
- Angular 17 derived signals with the compute() API
- Understanding how dependencies between signals are created
- The Angular 17 Signal effect() API
- Angular 17 - Cleaning up Signal Effects manually
- Angular 17 Signal-based Data Services
- Introduction To Angular Input Signals - How Do They Compare With @Input?
- How To Use Signal Inputs To Avoid The OnChanges Lifecycle Hook
- Signal Input Options required, alias, transform functions
UNIDAD 19 - Conclusion & Bonus · 2 leccionesUNIDAD 19 - Conclusion & Bonus
UNIDAD 19 - Conclusion & Bonus
- Bonus Lecture (Updated October 2026)
- Angular Core Deep Dive - Course Conclusion and Key Takeaways
Certificado con validez SEP: lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
19 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Angular University.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 19 unidades · 113 lecciones · 60 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Angular University; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
¿El curso tiene validez SEP?
Sí. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
¿El curso tiene tutor o clases en vivo?
No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.
¿Cómo se evalúa?
Te evalúas con actividades automáticas, sin entregas a un tutor.
Cursos relacionados
Incluido en la Membresía Educativa
Este curso forma parte de los 647 cursos autodidactas con certificado que incluye la membresía, por un solo pago anual.
Membresía Educativa: cursos en línea con validez SEP

