Course Outline
-
Módulo 1: Introducción a Angular 22 y entorno de trabajo (1.5h)
-
Filosofía de Angular v22: estabilización, Signals y rendimiento.
-
Requisitos e instalación con Angular CLI y Node.
-
Estructura de proyectos standalone sin NgModules (
angular.json,main.ts,app.config.ts,bootstrapApplication). -
Herramientas de desarrollo: Angular DevTools y Language Service.
-
Uso de agents de Inteligencia Artificial en proyectos Angular.
-
Introducción y arquitectura de Server Side Rendering (SSR).
-
-
Módulo 2: Componentes y plantillas (2.5h)
-
Anatomía de componentes standalone (
@Component,imports). -
Bindings principales: interpolación, property binding y event binding.
-
Comunicación moderna mediante funciones:
input(),output()ymodel()para two-way binding. -
Ciclo de vida moderno:
OnInitvs hooks funcionales. -
Estrategia
ChangeDetectionStrategy.OnPushpor defecto. -
Práctica: Creación de componente
tarjeta-productoreutilizable, emisión de eventos al carrito y listado en componente padre.
-
-
Módulo 3: Signals: estado reactivo (2.5h)
-
Fundamentos de reactividad:
signal(),computed()yeffect(). -
Diferencias entre Signals Writable y de solo lectura.
-
Criterios y buenas prácticas para la adopción de Signals.
-
Práctica: Implementación de un contador de reservas con cálculo de disponibilidad mediante Signals.
-
-
Módulo 4: Control de flujo en plantillas (3h)
-
Sintaxis de control de flujo nativa:
@if,@else,@for(contrack) y@switch. -
Variables locales en plantilla con
@let. -
Carga diferida de vistas mediante Deferrable Views (
@defer). -
Novedades y mejoras de plantilla en Angular 22.
-
Práctica: Refactorización de listados con
@for/@ify diferido de bloques pesados al entrar en el viewport con@defer.
-
-
Módulo 5: Inyección de dependencias (2.5h)
-
Patrón
inject()frente a inyección por constructor. -
Niveles de provisión:
providedIn: 'root', componente y ruta. -
Diseño de servicios con estado interno basado en Signals.
-
Práctica: Creación de
ReservasServicecon estado en Signals consumido por múltiples componentes.
-
-
Módulo 6: Routing (3h)
-
Configuración de rutas standalone (
provideRouter,Routes). -
Estrategias de navegación: rutas hijas, parámetros y lazy loading.
-
Protección de rutas mediante Guards funcionales.
-
Manejo de
RouterLink,RouterOutlety navegación programática. -
Práctica: Enrutamiento completo de la app de reservas (listado, detalle lazy loaded por ID y ruta protegida).
-
-
Módulo 7: Formularios: Signal Forms (2.5h)
-
Formulario reactivo basado en Signals (estabilizado en v22).
-
Definición declarativa y validaciones integradas.
-
Creación de validaciones personalizadas y gestión de errores.
-
Práctica: Construcción del formulario reactivo de "nueva reserva".
-
-
Módulo 8: HTTP Client y Http Resources (2.5h)
-
Configuración con
provideHttpClient()y motor basado enfetch. -
Creación y uso de interceptores funcionales.
-
Consumo de APIs REST, manejo de errores con Observables y Promesas.
-
Práctica: Conexión del listado a API REST remota con interceptor de autenticación y tratamiento de errores.
-
Requirements
-
Conocimientos sólidos de HTML, CSS y JavaScript (ES6+).
-
Familiaridad con TypeScript básica o intermedia.
-
Conocimientos básicos de uso de la terminal/línea de comandos.
¿A quién va dirigido este curso?
-
Desarrolladores web y de software que deseen actualizarse a la versión 22 de Angular.
-
Programadores frontend interesados en dominar el estado reactivo con Signals y la nueva sintaxis de plantillas.
-
Arquitectos de software que busquen implementar proyectos web modernos con componentes standalone y SSR.
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 4350 € + VAT*
Contact us for an exact quote and to hear our latest promotions
Testimonials (2)
all the important part were covered
carlo capuano - ITER Organization
Course - Angular 18
The trainer’s attitude – helping you feel comfortable, making jokes to lighten the mood, and answering everyone’s questions.
