Programa del Curso

Introducción

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

Descripción general de Typescript y ES6 JavaScript

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

Descripción general de las piezas de Angular 12

  • Angular CLI
  • Componentes
  • Directivas
  • Entradas y salidas
  • Enlace e interpolación de datos
  • Enlace de eventos
  • Modelado de datos
  • Bootstrapping
  • Experimental Webpack

Creación de su primera Angular aplicación

  • Planificación de la aplicación
  • Configuración de un proyecto angular
  • Creación de una interfaz de usuario optimizada para dispositivos móviles con Bootstrap 4 y Sass

Creación de un componente

  • Comprender el ciclo de vida de los componentes
  • Flujo de datos
  • Uso de plantillas y estilos
  • Proyección de contenido
  • Trabajar con AppModule
  • Trabajar con componentes personalizados
  • Uso de la encapsulación de vistas
  • Implementación de ganchos de ciclo de vida
  • Uso de ViewChildren y ContentChildren

Enlace de datos en Angular 12

  • Descripción del enlace de propiedades y eventos
  • Enlace y asignación de alias a propiedades personalizadas
  • Enlace y asignación de alias a eventos personalizados

Trabajar con directivas

  • Directivas integradas
  • Directivas personalizadas

Angular 12 Servicios

  • Creación de un servicio de registro
  • Creación de un servicio de datos

Uso de la inserción de dependencias y los proveedores

  • Inyectores, proveedor y tokens
  • Configuración de la inserción de dependencias
  • Configuración del proveedor
  • Inyección de servicios en componentes, directivas y servicios

Cambio de páginas con enrutamiento

  • Comprensión de los diferentes métodos de navegación
  • Estrategias de enrutamiento
  • Configuración de rutas
  • Configuración y carga de rutas
  • Uso de parámetros en rutas
  • Creación de rutas anidadas
  • Uso de rutas de redireccionamiento y comodín
  • Descripción de los guardias de ruta

Uso de RxJS para crear y trabajar con observables en Angular

  • Descripción general de los observables
  • Descripción general de RxJS
  • Construcción y uso de observables en Angular

Generación de formularios para la entrada del usuario

  • Uso de los formularios basados en plantillas
  • Uso de las formas Reactive
  • Creación de una validación personalizada
  • Validación, filtrado y saneamiento de datos de formularios

Uso de tuberías

  • Transformación de la producción
  • Tuberías incorporadas
  • Canalización asíncrona
  • Tuberías personalizadas

Realización de llamadas a API HTTP externas

  • Envío de solicitudes

Prueba de la aplicación Angular 12 

  • Uso de Jasmine para pruebas unitarias
  • Exploración de Protractor alternativas para pruebas de extremo a extremo

Depuración de la aplicación

  • Comprender los mensajes de error en Angular
  • Uso de mapas de origen para depurar código en el explorador
  • Lectura TypeScript Diagnósticos del compilador
  • Uso de Augury para depurar dentro de un navegador

Optimización de la aplicación Angular 12 

  • Reelaboración del código
  • Reducción del tamaño de los paquetes y eliminación del código muerto

Angular 12 Seguridad

  • Cómo funciona la autenticación
  • Uso de la autenticación JWT
  • Lo que se debe y no se debe escribir en Angular

Implementación de una aplicación Angular 12 en producción

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

Angular 12 Prácticas recomendadas

Solución de problemas

Resumen y conclusión

Requerimientos

  • Familiaridad con HTML básico, CSS y JavaScript

Audiencia

  • Desarrolladores
  • Programadores
  28 horas
 

Número de participantes


Comienza

Termina


Dates are subject to availability and take place between 09:30 and 16:30.
Los cursos de formación abiertos requieren más de 5 participantes.

Testimonios (2)

Cursos Relacionados

Categorías Relacionadas