Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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 (5)
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Curso - Angular 14
Me gustaron tus chistes
Dermot - Griffiths & Armour
Curso - Angular 2 Fundamentals
Traducción Automática
La actitud y el conocimiento del formador
Gabriel Llaurado - Allianz Technology
Curso - Angular 10 for Developers
Traducción Automática
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Curso - AngularJS Basics
interesting showing the topic
