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
Testimonios (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Pipe Routing Data Biding Services