Temario del curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 10?
Resumen de TypeScript y JavaScript ES6
- Sintaxis de TypeScript
- Uso del transpilador de TypeScript
- Configuración de Angular 10 y TypeScript
Resumen de las Partes de Angular 10
- CLI de Angular
- Componentes
- Directivas
- Entradas y Salidas
- Vinculación de Datos e Interpolación
- Vinculación de Eventos
- Modelado de Datos
- Inicialización
Creando tu primera Aplicación Angular
- Planificación de la Aplicación
- Configuración de un Proyecto Angular
- Crear 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 de Ciclo de Vida
- Uso de ViewChildren y ContentChildren
Vinculación de Datos en Angular 10
- 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 Directivas
- Directivas Incorporadas
- Directivas Personalizadas
Servicios de Angular 10
- Creación de un Servicio de Registro
- Creación de un Servicio de Datos
Uso de Inyección de Dependencias y Proveedores
- Inyectores, Proveedor y Tokens
- Configuración de la Inyección de Dependencias
- Configuración de tu Proveedor
- Inyectando Servicios en Componentes, Directivas y Servicios
Cambio de Páginas con Enrutamiento
- Entendiendo 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 Redirecciones y Rutas comodín
- Entendiendo los Guardias de Ruta
Uso de RxJS para Crear y Trabajar con Observables en Angular
- Resumen de Observables
- Resumen de RxJS
- Construcción y Uso de Observables en Angular
Generación de Formularios para Entrada de Usuario
- Uso de Formularios Guiados por Plantillas
- Uso de Formularios Reactivos
- Creación de validación personalizada
- Validación, filtrado y saneamiento de datos del formulario
Uso de Pipes
- Transformación de salida
- Pipes Incorporados
- Pipe Async
- Pipes Personalizados
Haciendo Llamadas a APIs HTTP Externas
- Envío de solicitudes
Uso de Módulos de Angular
Prueba de la Aplicación Angular 10
- Uso de Jasmine para pruebas unitarias
- Uso de 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
Optimización de la Aplicación Angular 10
- Reestructuración del código
- Reducción del tamaño del paquete y eliminación de código muerto
Seguridad en Angular 10
- Cómo funciona la autenticación
- Uso de Autenticación JWT
- Qué debe y qué no debe escribirse en Angular
Despliegue de una Aplicación Angular 10 a Producción
- Despliegue a IIS, Apache, Nginx, etc.
Mejores Prácticas de Angular 10
Troubleshooting
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
Ejemplos prácticos, ejercicios y mejores prácticas
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Curso - Angular 10 for Developers
Traducción Automática