Contacta con nosotros

Temario del curso

Introducción

  • ¿Qué es Angular?
  • Angular frente a React frente a Vue
  • Visión general de las características y arquitectura de Angular 16
  • Configuración del entorno de desarrollo

Primeros pasos

  • Creación de un nuevo proyecto de Angular 16 usando 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

  • Comprensión del papel de los componentes en Angular 16
  • Creación y uso de componentes
  • Paso de datos entre componentes mediante inputs y outputs
  • Uso de los hooks del ciclo de vida de los componentes

Directivas

  • Comprensión de la diferencia 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

Pipes

  • Comprensión del propósito de las tuberías en Angular 16
  • Creación y uso de tuberías integradas como date, currency, json, etc.
  • Creación y uso de tuberías personalizadas

Servicios

  • Comprensión del papel de los servicios en Angular 16
  • Creación y uso de servicios
  • Inyección de dependencias mediante proveedores

Módulos

  • Comprensión del 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

  • Comprensión de la diferencia entre enlace de datos de una y dos vías
  • Creación y uso de enlace de propiedades, enlace de eventos y sintaxis "banana en una caja"
  • Uso de variables de referencia de plantilla

Enrutamiento

  • Comprensión del papel del enrutamiento en Angular 16
  • 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

  • Comprensión de la diferencia entre formularios basados en plantillas y reactivos
  • Creación y validación de formularios mediante 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 papel del cliente HTTP en Angular 16
  • 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 manejar solicitudes o respuestas HTTP

Depuración

  • Comprensión de los errores y fallos comunes en aplicaciones de Angular 16
  • Uso de Chrome DevTools para inspeccionar elementos, fuentes, red, consola, etc.
  • Uso de puntos de interrupción, expresiones de vigilancia, pila de llamadas, etc., para depurar código

Pruebas

  • Comprensión de la importancia de las pruebas en aplicaciones de Angular 16
  • Uso de Jest como marco de pruebas alternativo
  • Uso de Karma como ejecutor de pruebas para pruebas unitarias
  • Uso de Protractor como herramienta de pruebas de extremo a extremo

Resumen y próximos pasos

Requerimientos

  • Conocimiento de HTML, CSS y JavaScript
  • Experiencia con TypeScript y RxJS
  • Experiencia en desarrollo web

Público objetivo

  • Desarrolladores que deseen aprender a usar Angular 16 para crear aplicaciones web dinámicas y responsivas.
  • Desarrolladores que deseen actualizar sus habilidades desde versiones anteriores de Angular.
  • Programadores que deseen explorar las nuevas funcionalidades y actualizaciones de Angular 16.
 28 Horas

Número de participantes


Precio por participante

Testimonios (2)

Próximos cursos

Categorías Relacionadas