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
 28 horas

Número de participantes



Precio por participante

Testimonios (10)

Cursos Relacionados

Categorías Relacionadas