Temario del curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 10?
Visión general de TypeScript y JavaScript ES6
- Sintaxis de TypeScript
- Uso del transpilador de TypeScript
- Configuración de Angular 10 y TypeScript
Visión general de los componentes de Angular 10
- CLI de Angular
- Componentes
- Directivas
- Inputs y Outputs
- Enlace de datos e interpolación
- Enlace de eventos
- Modelado de datos
- Arranque (Bootstrapping)
Creación de su primera aplicación Angular
- Planificación de la aplicación
- Configuración de un proyecto de Angular
- Creación de una interfaz de usuario adaptable a móviles usando Bootstrap 4 y Sass
Creación de un componente
- Comprensión del ciclo de vida del componente
- Flujo de datos
- Uso de plantillas y estilos
- Proyección de contenido
- Trabajo con AppModule
- Trabajo con componentes personalizados
- Uso de encapsulamiento de vista
- Implementación de ganchos de ciclo de vida
- Uso de ViewChildren y ContentChildren
Enlace de datos en Angular 10
- Comprensió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
Trabajo con directivas
- Directivas integradas
- Directivas personalizadas
Servicios en Angular 10
- Creación de un servicio de registro (logging)
- 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 su proveedor
- Inyección de servicios en componentes, directivas y servicios
Cambio de páginas mediante 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 redirecciones y rutas comodín
- Comprensión de los guardias de ruta
Uso de RxJS para crear y trabajar con observables en Angular
- Visión general de los 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 saneamiento de datos de formularios
Uso de pipes
- Transformación de la salida
- Pipes integrados
- Pipe asíncrono (Async)
- Pipes personalizados
Llamadas a APIs HTTP externas
- Envío de solicitudes
Uso de módulos en Angular
Pruebas de la aplicación de Angular 10
- Uso de Jasmine para pruebas unitarias
- Uso de Protractor para pruebas de extremo a extremo
Depuración de la aplicación
- Comprensión de los mensajes de error en Angular
- Uso de mapas de origen (sourcemaps) para depurar código en el navegador
- Lectura de diagnósticos del compilador de TypeScript
- Uso de Augury
Optimización de la aplicación de 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é se debe y no debe escribir en Angular
Despliegue de una aplicación de Angular 10 en producción
- Despliegue en IIS, Apache, Nginx, etc.
Mejores prácticas en Angular 10
Resolución de problemas
Resumen y conclusión
Requerimientos
- Familiaridad con HTML, CSS y JavaScript básicos
Público objetivo
- 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 del instructor.
Jeffry Gonzalez - Allianz Technology
Curso - Angular 10 for Developers
Traducción Automática
Comenzamos desde la base de Angular y TS y aumentamos gradualmente la dificultad de los ejercicios de manera adecuada
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
