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 vs. React vs. Vue
- Visión general de las características y la 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 de archivos y carpetas del proyecto.
- Ejecución y puesta en marcha (serving) de la aplicación.
- Visualización de datos mediante interpolación y expresiones.
Componentes
- Comprensión del rol de los componentes en Angular 17.
- Creación y uso de componentes.
- Paso de datos entre componentes utilizando entradas (inputs) y salidas (outputs).
- Uso de los ciclos de vida del componente.
Directivas
- Diferenciación entre directivas estructurales y de atributo.
- Creación y uso de directivas integradas como ngIf, ngFor, ngSwitch, etc.
- Creación y uso de directivas personalizadas.
Filtros (Pipes)
- Comprensión del propósito de los filtros (pipes) en Angular 17.
- Creación y uso de filtros integrados como date, currency, json, etc.
- Creación y uso de filtros personalizados.
Servicios
- Comprensión del rol de los servicios en Angular 17.
- Creación y uso de servicios.
- Inyección de dependencias mediante proveedores (providers).
Módulos
- Comprensión del rol de los módulos en Angular 17.
- Creación y uso de módulos.
- Importación y exportación de módulos.
Enlace de datos (Data Binding)
- Diferencia entre enlace de datos unidireccional y bidireccional.
- Creación y uso del enlace de propiedades, enlace de eventos y sintaxis banana-in-a-box.
- Uso de variables de referencia de plantilla.
Enrutamiento (Routing)
- Comprensión del rol del enrutamiento en Angular 17.
- Creación y configuración de rutas.
- Navegación entre rutas usando routerLink y router.navigate().
- Uso de parámetros de ruta, parámetros de consulta y fragmentos.
Formularios
- Diferencia entre formularios basados en plantillas (template-driven) y 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 rol 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 gestionar solicitudes o respuestas HTTP.
Nuevo flujo de control declarativo
- Explicación de la nueva sintaxis de bloques de control de plantillas y cómo simplifica tareas comunes como renderizado condicional, bucles y manejo de colecciones vacías.
- Ejemplos de uso de los nuevos bloques, como @if, @else, @switch, @case, @default, @for y @empty.
- Comparación de la nueva sintaxis con las anteriores, como *ngIf, *ngSwitch y *ngFor.
- Mención de cómo los nuevos bloques de control son compatibles con aplicaciones sin zonas (zoneless) usando 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 en aplicaciones web.
- Presentación del nuevo bloque de control @defer, que habilita la carga perezosa (lazy-loading) del contenido del bloque y sus dependencias.
- Ejemplos de uso del bloque @defer en distintos escenarios, como la carga de componentes, directivas, filtros, animaciones y estilos.
- Mención de cómo el bloque @defer funciona con la nueva API de transiciones de vista.
API de transiciones de vista
- Explicación del propósito y beneficios de la API de transiciones de vista, 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 vista.
- Ejemplos de uso de la directiva withViewTransitions con diferentes tipos de transición, como desvanecimiento (fade), deslizamiento (slide), zoom y volteo (flip).
- Mención de cómo la API de transiciones de vista funciona con el enrutador de Angular y el historial del navegador.
Otras características y mejoras
- Resumen breve de otras características y mejoras que ofrece Angular 17, como:
- Soporte para pasar estilos a @Component como una cadena de texto.
- Código de animaciones de Angular ahora compatible con carga diferida.
- Soporte para TypeScript 5.2.
- La API central de señales (signals) está ahora estable.
- Se ha eliminado el soporte para Node.js v16 y la versión mínima soportada es la v18.13.0.
- Esbuild será el constructor 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
Audiencia objetivo
- Desarrolladores que desean aprender a usar Angular 17 para crear aplicaciones web dinámicas y receptivas.
- Desarrolladores que quieran actualizar sus conocimientos desde 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
