Programa del Curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 10?
Descripción general de Typescript y ES6 JavaScript
- TypeScript Sintaxis
- Uso del transpilador TypeScript
- Configuración de Angular 10 y Typescript
Resumen de las piezas de Angular 10
- Angular CLI
- Componentes
- Directivas
- Entradas y salidas
- Enlace e interpolación de datos
- Enlace de eventos
- Modelado de datos
- Bootstrapping
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 10
- 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 10 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
Uso de Angular módulos
Prueba de la aplicación Angular 10
- Uso de Jasmine para pruebas unitarias
- Uso de Protractor 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 Augurio
Optimización de la aplicación Angular 10
- Reelaboración del código
- Reducción del tamaño de los paquetes y eliminación del código muerto
Angular 10 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 10 en producción
- Implementación en IIS, Apache, Nginx, etc.
Angular 10 Mejores prácticas
Solución de problemas
Resumen y conclusión
Requerimientos
- Familiaridad con HTML básico, CSS y JavaScript
Audiencia
- Desarrolladores
Testimonios (4)
La actitud y el conocimiento del formador
Gabriel Llaurado - Allianz Technology
Curso - Angular 10 for Developers
Traducción Automática
El conocimiento de la estructura.
Jeffry Gonzalez - Allianz Technology
Curso - Angular 10 for Developers
Traducción Automática
Partimos de la base de Angular y TS e incrementamos la dificultad de los ejercicios en el buen sentido
Daniel Zamorano Infante - Allianz Technology
Curso - Angular 10 for Developers
Traducción Automática
Practical examples, exercises and best practices