Temario del curso

Introducción

  • ¿Qué es Angular?
  • ¿Qué hay de nuevo en Angular 12?

Visión General de TypeScript y ES6 JavaScript

  • Sintaxis de TypeScript
  • Uso del transpilador de TypeScript
  • Configuración de Angular 12 y TypeScript

Visión General de las Partes de Angular 12

  • Angular CLI
  • Componentes
  • Direcciones (Directives)
  • Entradas y Salidas
  • Vinculación de Datos e Interpolación
  • Vinculación de Eventos
  • Modelado de Datos
  • Inicialización (Bootstrapping)
  • Webpack Experimental

Creando tu Primera Aplicación Angular

  • Planificación de la Aplicación
  • Configuración de un Proyecto Angular
  • Creación de una Interfaz de Usuario Amigable para Móviles usando Bootstrap 4 y Sass

Creando un Componente

  • Entendiendo el Ciclo de Vida del Componente
  • Flujo de Datos
  • Uso de Plantillas y Estilos
  • Proyección de Contenido
  • Trabajando con AppModule
  • Trabajando con Componentes Personalizados
  • Usando Encapsulamiento de Vistas
  • Implementación de Hooks del Ciclo de Vida
  • Uso de ViewChildren y ContentChildren

Vinculación de Datos en Angular 12

  • Entendiendo la Vinculación de Propiedades y Eventos
  • Vinculación y Asignación de Alias a Propiedades Personalizadas
  • Vinculación y Asignación de Alias a Eventos Personalizados

Trabajando con Direcciones (Directives)

  • Direcciones Integradas
  • Direcciones Personalizadas

Servicios de Angular 12

  • Creación de un Servicio de Registro
  • Creación de un Servicio de Datos

Uso de Inyección de Dependencias y Proveedores

  • Inyectores, Proveedores y Tokens
  • Configuración de la Inyección de Dependencias
  • Configuración de tu Proveedor
  • Inyección de Servicios en Componentes, Direcciones (Directives) y Servicios

Cambio de Páginas con Rutas

  • Entendiendo los Diferentes Métodos de Navegación
  • Estrategias de Ruteo
  • Configuración de Rutas
  • Configuración y Carga de Rutas
  • Uso de Parámetros en Rutas
  • Creación de Rutas Anidadas
  • Uso de Rutas Redirigidas y Rutas comodín (Wildcards)
  • Entendiendo los Guardias de Ruta

Uso de RxJS para Crear y Trabajar con Observables en Angular

  • Visión General de Observables
  • Visión General de RxJS
  • Construcción y Uso de Observables en Angular

Generación de Formularios para Entrada de Usuario

  • Uso de Formularios Basados en Plantillas
  • Uso de Formularios Reactivos
  • Creación de Validación Personalizada
  • Validación, Filtrado y Sanitización de Datos del Formulario

Uso de Pipes

  • Transformación de Salida
  • Pipes Integrados
  • Pipe Async
  • Pipes Personalizados

Haciendo Llamadas a APIs HTTP Externas

  • Envío de solicitudes

Prueba de la Aplicación Angular 12

  • Uso de Jasmine para pruebas unitarias
  • Explorando Alternativas a Protractor para pruebas end-to-end

Depuración de la Aplicación

  • Entendiendo los Mensajes de Error en Angular
  • Uso de Sourcemaps para Depurar Código en el Navegador
  • Lectura de Diagnósticos del Compilador TypeScript
  • Uso de Augury para Depurar dentro de un Navegador

Optimización de la Aplicación Angular 12

  • Reestructuración del código
  • Reducción del tamaño del bundle y eliminación de código muerto

Seguridad en Angular 12

  • Cómo funciona la autenticación
  • Uso de Autenticación JWT
  • Qué Debe y No Debe Escribirse en Angular

Implementación de una Aplicación Angular 12 en Producción

  • Implementación en IIS, Apache, Nginx, etc.

Buenas Prácticas de Angular 12

Resolución de Problemas

Resumen y Conclusión

Requerimientos

  • Familiaridad con HTML básico, CSS y JavaScript

Público

  • Desarrolladores
  • Programadores
 28 Horas

Número de participantes


Precio por Participante​

Testimonios (4)

Próximos cursos

Categorías Relacionadas