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.
Programa del Curso
Introducción
- ¿Qué es Angular?
- Angular vs React vs Vue
- Descripción general de Angular 17 características y arquitectura
- Configuración del entorno de desarrollo
Empezar
- Creación de un nuevo proyecto Angular 17 mediante Angular CLI
- Exploración de la estructura y los archivos del proyecto
- Ejecución y servicio de la aplicación
- Visualización de datos mediante interpolación y expresiones
Componentes
- Comprender el papel de los componentes en Angular 17
- Creación y uso de componentes
- Transferencia de datos entre componentes mediante entradas y salidas
- Uso de enlaces del ciclo de vida de los componentes
Directivas
- Comprender la diferencia entre directivas estructurales y de atributos
- Creación y uso de directivas integradas como ngIf, ngFor, ngSwitch, etc.
- Creación y uso de directivas personalizadas
Tubería
- Comprender el propósito de las tuberías en Angular 17
- Creación y uso de canalizaciones integradas como date, currency, json, etc.
- Creación y uso de canalizaciones personalizadas
Servicios
- Comprender el papel de los servicios en Angular 17
- Creación y uso de servicios
- Inserción de dependencias mediante proveedores
Módulos
- Comprender el papel 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
- Descripción de la diferencia entre el enlace de datos unidireccional y bidireccional
- Creación y uso del enlace de propiedades, el enlace de eventos y la sintaxis banana en un cuadro
- Uso de variables de referencia de plantilla
Enrutamiento
- Comprender el papel del enrutamiento en Angular 17
- Creación y configuración de rutas
- Navegar entre rutas usando routerLink y router.navigate()
- Uso de parámetros de ruta, parámetros de consulta y fragmentos
Formas
- Comprender la diferencia entre los formularios basados en plantillas y los formularios reactivos
- Creación y validación de formularios mediante controles de formularios, grupos de formularios, matrices de formularios, etc.
- Uso de validadores incorporados como required, minLength, maxLength, etc.
- Creación y uso de validadores personalizados
Cliente HTTP
- Comprender el papel del cliente HTTP en Angular 17
- Creación y uso de solicitudes HTTP para comunicarse con servicios de back-end
- Uso de observables para controlar flujos de datos asincrónicos
- Uso de interceptores para modificar o controlar solicitudes o respuestas HTTP
Nuevo flujo de control declarativo
- Explicación de la nueva sintaxis del bloque de control de plantilla y cómo simplifica las tareas comunes, como la representación condicional, los bucles y el control de colecciones vacías
- Dar ejemplos del uso de los nuevos bloques, como @if, @else, @switch, @case, @default, @for y @empty
- Comparar la nueva sintaxis con la anterior, como *ngIf, *ngSwitch y *ngFor
- Mencionando cómo los nuevos bloques de control soportan aplicaciones sin zona con señales
Bloques de carga diferida
- Explicar el concepto de carga diferida y cómo puede mejorar el rendimiento y la experiencia del usuario de las aplicaciones web
- Presentamos el nuevo bloque de control @defer que permite la carga diferida del contenido del bloque y sus dependencias
- Dar ejemplos del uso del bloque @defer para diferentes escenarios, como la carga de componentes, directivas, canalizaciones, animaciones y estilos
- Mencionando cómo funciona el bloque @defer con la nueva API de transiciones de vista
View Transitions API
- Explicar el propósito y los beneficios de la API de transiciones de vistas, que permite a los desarrolladores personalizar las animaciones y transiciones entre vistas.
- Presentamos la nueva directiva withViewTransitions que habilita el uso de la API de transiciones de vista
- Dar ejemplos del uso de la directiva withViewTransitions con diferentes tipos de transición, como fundido, deslizamiento, zoom y volteo
- Mencionar cómo funciona la API de transiciones de vista con el enrutador Angular y el historial del navegador
Otras características y mejoras
- Resumiendo brevemente algunas de las otras características y mejoras que ofrece Angular 17, tales como:
- Compatibilidad con el paso de @Component.styles como una cadena
- El código de animaciones de Angular se puede cargar de forma diferida
- TypeScript Soporte 5.2
- La API de señal principal ahora es estable
- Node.js Se ha eliminado el soporte v16 y la versión mínima de soporte es v18.13.0
- Esbuild será el constructor predeterminado y el servidor de desarrollo predeterminado usará Vite
Resumen y próximos pasos
Requerimientos
- Comprensión de HTML, CSS y JavaScript
- Experiencia con TypeScript y RxJS
- Experiencia en desarrollo web
Audiencia
- Desarrolladores que deseen aprender a usar Angular 17 para crear aplicaciones web dinámicas y receptivas
- Desarrolladores que deseen mejorar sus habilidades de versiones anteriores de Angular
- Programadores que deseen explorar las nuevas características y mejoras de Angular 17
28 Horas
Testimonios (2)
Me gustó mucho el flujo de entrenamiento; ella repasó el tema y al final del tema tuvo sesiones de práctica bien definidas para nosotros. Ella pudo guiarnos a tiempo con los problemas que enfrentamos en las sesiones de práctica.
Rabin Byanjankar - Lument
Curso - Angular 17
Traducción Automática
Fue muy interactivo e informativo. El entrenador fue muy paciente con nosotros cuando no entendimos algo y se aseguró de que nadie se quedara atrás durante todo el entrenamiento.
Daniel - INIT Innovations in Transportation Ltd.
Curso - Angular 17
Traducción Automática
