• No hay productos en el carrito.

Impartido por Angular UniversityPago único de $2,800 MXN · acceso por 12 meses

Beginner to Advanced (Angular 22)

Updated To Angular 22 (Angular Signals, defer, @if @for): Advanced Features of the Angular Core and Common modules

Certificado con validez SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 100% autodidacta 19 unidades
Modalidad

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.
Qué aprenderás

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 lecciones

UNIDAD 1 - Introduction

  • Angular Core Deep Dive - IntroductionVideo · 3 min
  • IMPORTANT - Recommended Software VersionsLectura · 0 min
  • Course Kickoff - Development Environment SetupVideo · 6 min
  • The Typescript Jumpstart EbookLectura · 0 min
  • Introduction To Angular - Custom HTML Elements, Model vs ViewVideo · 9 min
  • Why Angular? Learn the Key Features of Angular CoreVideo · 12 min
UNIDAD 2 - Angular Components, Core Directives and Pipes · 23 lecciones

UNIDAD 2 - Angular Components, Core Directives and Pipes

  • New Section - Angular Components and Core DirectivesVideo · 4 min
  • Building our First Angular ComponentVideo · 6 min
  • Component Inputs and the @Input DecoratorVideo · 11 min
  • Angular Component @Output - Custom Events and Event EmittersVideo · 10 min
  • Angular 17 Control Flow SyntaxVideo · 3 min
  • The Angular 17 @for syntaxVideo · 5 min
  • Angular @for @empty, $index and other extra optionsVideo · 9 min
  • Understanding Angular 17 @for tracking functionsVideo · 9 min
  • What's Next - The ngFor DirectiveVideo · 2 min
  • The Angular ngFor Core DirectiveVideo · 10 min
  • Angular 17 - Comparison between @for and ngForVideo · 1 min
  • Angular 17 - @if Section IntroductionVideo · 1 min
  • The Angular 17 @if else syntaxVideo · 5 min
  • What's Next - The ngIf DirectiveVideo · 1 min
  • Angular ngIf Directive and the Elvis OperatorVideo · 9 min
  • Angular 17 - Comparison between @if vs ngIfVideo · 2 min
  • Angular ngClass Core Directive - Learn All FeaturesVideo · 9 min
  • Angular ngStyle Core Directive - When to use it and WhyVideo · 6 min
  • Angular 17 @switch Section IntroductionVideo · 1 min
  • The Angular 17 @switch syntax in actionVideo · 4 min
  • Angular ngSwitch Core Directive In DetailVideo · 4 min
  • Angular ng-container Core Directive - When to use it?Video · 4 min
  • Angular Built-In Pipes - Complete CatalogVideo · 11 min
UNIDAD 3 - Angular Local Template Querying In Depth · 4 lecciones

UNIDAD 3 - Angular Local Template Querying In Depth

  • Angular View Child Decorator - How Does it Work?Video · 5 min
  • View Child - Learn the multiple View Query Configuration OptionsVideo · 6 min
  • The AfterViewInit Lifecycle Hook - How deep can we query with View Child?Video · 7 min
  • The View Children Decorator and Query List In DetailVideo · 9 min
UNIDAD 4 - Angular Content Projection In Depth · 3 lecciones

UNIDAD 4 - Angular Content Projection In Depth

  • Angular Content Projection with ng-content In DetailVideo · 11 min
  • Angular Content Child Decorator - In-Depth ExplanationVideo · 11 min
  • Angular Content Children and the AfterContentInit Lyfecycle HookVideo · 5 min
UNIDAD 5 - Angular Templates In Depth · 3 lecciones

UNIDAD 5 - Angular Templates In Depth

  • Angular Templates Introduction with ng-templateVideo · 5 min
  • Angular Template Instantiation with ngTemplateOutletVideo · 7 min
  • Angular Templates as Component InputsVideo · 5 min
UNIDAD 6 - Angular Directives In Depth · 6 lecciones

UNIDAD 6 - Angular Directives In Depth

  • Introduction to Angular Attribute DirectivesVideo · 7 min
  • Angular Host Binding in Detail - DOM Properties vs AttributesVideo · 10 min
  • Angular Host Listener - Handling Events in DirectivesVideo · 6 min
  • Angular Directive Export As syntax - When to Use it and WhyVideo · 5 min
  • Angular Structural Directives - Understanding the Star SyntaxVideo · 6 min
  • Angular Structural Directives - Step-by-Step ImplementationVideo · 9 min
UNIDAD 7 - Angular View Encapsulation In Depth · 5 lecciones

UNIDAD 7 - Angular View Encapsulation In Depth

  • Angular View Encapsulation - Under the HoodVideo · 8 min
  • Angular View Encapsulation - the Host SelectorVideo · 5 min
  • Bypassing View Encapsulation with the ng-deep modifierVideo · 7 min
  • The Host Context Selector - Theming Use CaseVideo · 5 min
  • Angular View Encapsulation - Default vs Shadow DOMVideo · 7 min
UNIDAD 8 - Angular Injectable Services In Depth · 6 lecciones

UNIDAD 8 - Angular Injectable Services In Depth

  • Angular Injectable Services - New Section IntroductionVideo · 4 min
  • The Angular HTTP Client - GET calls with Request ParametersVideo · 6 min
  • The Async Pipe - a Better way of passing Observable data to the ViewVideo · 4 min
  • Angular Custom Services - The Injectable DecoratorVideo · 6 min
  • Angular Custom Service - Fetching DataVideo · 4 min
  • Angular Custom Service - Data Modification with an HTTP PUTVideo · 7 min
UNIDAD 9 - Angular Dependency Injection In Depth · 8 lecciones

UNIDAD 9 - Angular Dependency Injection In Depth

  • Introduction to the Angular Dependency Injection SystemVideo · 5 min
  • Angular DI - Understanding Providers and Injection TokensVideo · 10 min
  • Angular DI - Understanding Simplified Provider ConfigurationVideo · 4 min
  • Understanding Hierarchical Dependency InjectionVideo · 9 min
  • Understanding Angular Tree-Shakeable ProvidersVideo · 7 min
  • Angular DI - Injection Tokens In DetailVideo · 9 min
  • Angular DI Decorators - Optional, Self, SkipSelfVideo · 9 min
  • Angular DI Host Decorator and Section ConclusionVideo · 6 min
UNIDAD 10 - Angular Change Detection In Depth · 5 lecciones

UNIDAD 10 - Angular Change Detection In Depth

  • Angular Default Change Detection - How does it Work?Video · 9 min
  • Angular OnPush Change Detection - How does it Work?Video · 11 min
  • OnPush Change Detection and Observables Data StreamsVideo · 10 min
  • Angular Attribute Decorator - When to use it?Video · 5 min
  • Angular Custom Change Detection with ChangeDetectorRefVideo · 10 min
UNIDAD 11 - Angular Lifecycle Hooks In Depth · 5 lecciones

UNIDAD 11 - Angular Lifecycle Hooks In Depth

  • Angular Lifecycle Hooks - OnInit and OnDestroy In DetailVideo · 8 min
  • Angular OnChanges Lifecycle HookVideo · 7 min
  • Angular AfterContentChecked Lifecycle Hook - Use Cases and PitfallsVideo · 9 min
  • Angular AfterViewChecked Lifecycle Hook - Use Cases and PitfallsVideo · 7 min
  • Angular Lifecycle Hooks - Complete OverviewVideo · 8 min
UNIDAD 12 - Angular Modules in Depth · 2 lecciones

UNIDAD 12 - Angular Modules in Depth

  • Introduction to Angular ModulesVideo · 6 min
  • Angular Feature Modules In DetailVideo · 8 min
UNIDAD 13 - Angular Pipes In Depth · 2 lecciones

UNIDAD 13 - Angular Pipes In Depth

  • Angular Custom Pipes - Step-by-Step ImplementationVideo · 5 min
  • Angular Impure Pipes In DetailVideo · 7 min
UNIDAD 14 - Angular Internationalization (i18n) In Depth · 5 lecciones

UNIDAD 14 - Angular Internationalization (i18n) In Depth

  • Introduction to Angular Internationalization (i18n)Video · 7 min
  • Understanding Angular i18n Unique IdentifiersVideo · 6 min
  • Angular i18n Pluralization SupportVideo · 6 min
  • Angular i18n Alternative Expressions SupportVideo · 5 min
  • Running a Translated Angular Application using the Angular CLIVideo · 12 min
UNIDAD 15 - Angular Elements In Depth · 1 lecciones

UNIDAD 15 - Angular Elements In Depth

  • Angular Elements In DetailVideo · 11 min
UNIDAD 16 - Angular Standalone Components In Depth · 4 lecciones

UNIDAD 16 - Angular Standalone Components In Depth

  • Angular Standalone Components - New SectionVideo · 4 min
  • Migrating To Standalone Components Step 1 - Importing DependenciesVideo · 6 min
  • Migrating To Standalone Components Step 2 - Removing Unused ModulesVideo · 4 min
  • Migrating To Standalone Components Step 3 - Refactor Application BootstrappingVideo · 5 min
UNIDAD 17 - Angular 17 @defer - Partial Template Loading · 11 lecciones

UNIDAD 17 - Angular 17 @defer - Partial Template Loading

  • Angular 17 @defer Section IntroductionVideo · 8 min
  • Angular 17 @defer - How Does It Work?Video · 6 min
  • Angular 17 @defer with @placeholderVideo · 7 min
  • Angular 17 @defer with @loadingVideo · 6 min
  • Angular 17 @defer trigger (idle and immediate triggers)Video · 4 min
  • Angular 17 @defer timer trigger - Understanding prefetch triggersVideo · 4 min
  • Angular 17 @defer @error blockVideo · 4 min
  • Angular 17 @defer - The viewport built-in triggerVideo · 9 min
  • Angular 17 @defer - The built-in interaction triggerVideo · 5 min
  • Angular 17 @defer- the built-in on hover triggerVideo · 5 min
  • Angular 17 @defer Custom TriggersVideo · 6 min
UNIDAD 18 - Angular 17 Signals In Depth · 12 lecciones

UNIDAD 18 - Angular 17 Signals In Depth

  • Angular 17 Signals - Section IntroductionVideo · 8 min
  • Introduction to Angular 17 Signals - Writing our first SignalVideo · 9 min
  • The Angular 17 Signal update() API and Read Only SignalsVideo · 3 min
  • Angular Signals with Objects and Arrays - Avoid mutating signal values directlyVideo · 6 min
  • Angular 17 derived signals with the compute() APIVideo · 4 min
  • Understanding how dependencies between signals are createdVideo · 11 min
  • The Angular 17 Signal effect() APIVideo · 8 min
  • Angular 17 - Cleaning up Signal Effects manuallyVideo · 5 min
  • Angular 17 Signal-based Data ServicesVideo · 10 min
  • Introduction To Angular Input Signals - How Do They Compare With @Input?Video · 4 min
  • How To Use Signal Inputs To Avoid The OnChanges Lifecycle HookVideo · 4 min
  • Signal Input Options required, alias, transform functionsVideo · 4 min
UNIDAD 19 - Conclusion & Bonus · 2 lecciones

UNIDAD 19 - Conclusion & Bonus

  • Bonus Lecture (Updated October 2026)Lectura · 0 min
  • Angular Core Deep Dive - Course Conclusion and Key TakeawaysVideo · 10 min
Certificado oficial

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
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    19 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Beginner to Advanced (Angular 22)

Muestra · verificable por folio y QR

  • 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.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

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
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor de inscripción
Preguntas frecuentes

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

Certificado emitido por la SEP a través del Gobierno del Estado de México · Beginner to Advanced (Angular 22)

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture