Gracias por enviar su consulta! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Gracias por enviar su reserva! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Temario del curso
Introducción
- ¿Qué es Angular?
- Angular frente a React vs Vue
- Resumen de las características y arquitectura de Angular 17
- Configuración del entorno de desarrollo
Primeros pasos
- Creación de un nuevo proyecto en Angular 17 utilizando Angular CLI
- Exploración de la estructura del proyecto y sus archivos
- Ejecución y servicio de la aplicación
- Muestreo de datos mediante interpolación y expresiones
Componentes
- Comprensión del papel de los componentes en Angular 17
- Creación y uso de componentes
- Pasaje de datos entre componentes utilizando entradas (inputs) y salidas (outputs)
- Uso de ganchos del ciclo de vida del componente
Directivas
- Comprensión de la diferencia entre directivas estructurales y atributos
- Creación y uso de directivas integradas como ngIf, ngFor, ngSwitch, etc.
- Creación y uso de directivas personalizadas
Tuberías (Pipes)
- Comprensión del propósito de las tuberías en Angular 17
- Creación y uso de tuberías integradas como date, currency, json, etc.
- Creación y uso de tuberías personalizadas
Servicios
- Comprensión del papel de los servicios en Angular 17
- Creación y uso de servicios
- Inyección de dependencias utilizando proveedores (providers)
Módulos
- Comprensión del papel de los módulos en Angular 17
- Creación y uso de módulos
- Importación y exportación de módulos
Vinculación de datos
- Comprensión de la diferencia entre vinculación de datos unidireccional y bidireccional
- Creación y uso de vinculación de propiedades, vinculación de eventos y sintaxis banana-in-a-box
- Uso de variables de referencia de plantilla
Enrutamiento
- Comprensión del papel del enrutamiento en Angular 17
- Creación y configuración de rutas
- Navegación entre rutas utilizando routerLink y router.navigate()
- Uso de parámetros de ruta, parámetros de consulta y fragmentos
Formularios
- Comprensión de la diferencia entre formularios basados en plantillas y formularios reactivos
- Creación y validación de formularios utilizando controles de formulario, grupos de formularios, matrices de formularios, etc.
- Uso de validadores integrados como required, minLength, maxLength, etc.
- Creación y uso de validadores personalizados
Cliente HTTP
- Comprensión del papel del cliente HTTP en Angular 17
- Creación y uso de solicitudes HTTP para comunicarse con servicios backend
- Uso de observables para manejar flujos de datos asíncronos
- Uso de interceptores para modificar o manejar solicitudes o respuestas HTTP
Nuevo flujo de control declarativo
- Explicación de la nueva sintaxis de bloque de control de plantillas y cómo simplifica tareas comunes como el renderizado condicional, los bucles y el manejo de colecciones vacías
- Presentación de ejemplos del uso de las nuevas directivas, como @if, @else, @switch, @case, @default, @for y @empty
- Comparación de la nueva sintaxis con la anterior, como *ngIf, *ngSwitch y *ngFor
- Mención de cómo las nuevas directivas de control admiten aplicaciones sin zonas (zoneless) con señales (signals)
Bloques de carga diferida
- Explicación del concepto de carga diferida y cómo puede mejorar el rendimiento y la experiencia del usuario de las aplicaciones web
- Presentación de la nueva directiva @defer que permite la carga diferida del contenido del bloque y sus dependencias
- Presentación de ejemplos del uso de la directiva @defer para diferentes escenarios, como cargar componentes, directivas, tuberías, animaciones y estilos
- Mención de cómo la directiva @defer funciona con la nueva API de transiciones de vistas
API de transiciones de vistas
- Explicación del propósito y los beneficios de la API de transiciones de vistas, que permite a los desarrolladores personalizar las animaciones y transiciones entre vistas
- Presentación de la nueva directiva withViewTransitions que habilita el uso de la API de transiciones de vistas
- Presentación de ejemplos del uso de la directiva withViewTransitions con diferentes tipos de transición, como fade (desvanecer), slide (deslizar), zoom y flip (girar)
- Mención de cómo la API de transiciones de vistas funciona con el enrutador de Angular y el historial del navegador
Otras características y mejoras
- Resumen breve de algunas de las otras características y mejoras que ofrece Angular 17, como:
- Soporte para pasar @Component.styles como una cadena
- El código de animaciones de Angular es cargable de manera diferida (lazy-loadable)
- Soporte para TypeScript 5.2
- La API central de señales (signals) ahora es estable
- Se ha eliminado el soporte para Node.js v16 y la versión mínima soportada es v18.13.0
- Esbuild será el compilador predeterminado y el servidor de desarrollo predeterminado utilizará Vite
Resumen y próximos pasos
Requerimientos
- Comprensión de HTML, CSS y JavaScript
- Experiencia con TypeScript y RxJS
- Experiencia en desarrollo web
Público objetivo
- Desarrolladores que deseen aprender a utilizar Angular 17 para crear aplicaciones web dinámicas y receptivas
- Desarrolladores que deseen actualizar sus habilidades de versiones anteriores de Angular
- Programadores que deseen explorar las nuevas características y mejoras de Angular 17
28 Horas
Reseñas (2)
En general, me gustó el flujo del entrenamiento; ella revisó el tema y al final de cada uno, nos brindó sesiones de práctica bien definidas. Pudo guiarnos rápidamente con los problemas que enfrentamos durante las sesiones de práctica.
Rabin Byanjankar - Lument
Curso - Angular 17
Traducción Automática
Fue muy interactivo e informativo. El formador fue muy paciente con nosotros cuando no entendíamos algo y se aseguró de que nadie quedara atrás durante el entrenamiento.
Daniel - INIT Innovations in Transportation Ltd.
Curso - Angular 17
Traducción Automática
