Temario del curso
-
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.
-
Requerimientos
-
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.
Formación Corporativa a Medida
Soluciones de formación diseñadas exclusivamente para empresas.
- Contenido personalizado: Adaptamos el temario y los ejercicios prácticos a los objetivos y necesidades reales del proyecto.
- Calendario flexible: Fechas y horarios adaptados a la agenda de su equipo.
- Modalidad: Online (en directo), In-company (en sus oficinas) o Híbrida.
Precio por grupo privado (formación online) desde 4350 € + IVA*
Contáctenos para obtener un presupuesto exacto y conocer nuestras promociones actuales
Reseñas (2)
todas las partes importantes fueron cubiertas
carlo capuano - ITER Organization
Curso - Angular 18
Traducción Automática
La actitud del instructor - ayudándote a sentirte cómodo, haciendo chistes para aliviar el ambiente y respondiendo a las preguntas de todos.
Ana Fedeles
Curso - Angular 20
Traducción Automática
