Programa del Curso
Introducción
- ¿Qué es Angular?
- Angular vs React vs Vue
- Descripción general de Angular 16 características y arquitectura
- Configuración del entorno de desarrollo
Empezar
- Creación de un nuevo proyecto Angular 16 con 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 16
- 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 16
- 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 16
- Creación y uso de servicios
- Inserción de dependencias mediante proveedores
Módulos
- Comprender el papel de los módulos en Angular 16
- 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 16
- 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 16
- 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
Depuración
- Comprender los errores y fallos comunes en Angular 16 aplicaciones
- Usar Chrome DevTools para inspeccionar elementos, fuentes, redes, consolas, etc.
- Uso de puntos de interrupción, expresiones de inspección, pila de llamadas, etc. para depurar código
Ensayo
- Comprender la importancia de las pruebas en Angular 16 aplicaciones
- Uso de Jest como marco de prueba alternativo
- Uso de Karma como ejecutor de pruebas para pruebas unitarias
- Uso de Protractor como herramienta de prueba de extremo a extremo
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 16 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 actualizaciones de Angular 16
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
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Curso - Angular 10 for Developers
Pipe Routing Data Biding Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Knowledgeable and friendly trainer