Temario del curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 12?
Visión general de TypeScript y JavaScript ES6
- Sintaxis de TypeScript
- Uso del transpilador de TypeScript
- Configuración de Angular 12 y TypeScript
Visión general de las partes de Angular 12
- CLI de Angular
- Componentes
- Directivas
- Entradas y salidas
- Enlace de datos e interpolación
- Enlace de eventos
- Modelado de datos
- Arranque (Bootstrapping)
- Webpack experimental
Creación de su primera aplicación Angular
- Planificación de la aplicación
- Configuración de un proyecto Angular
- Creación de una interfaz de usuario compatible con 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 el módulo AppModule
- Trabajo con componentes personalizados
- Uso de encapsulamiento de vistas
- Implementación de ganchos del ciclo de vida
- Uso de ViewChildren y ContentChildren
Enlace de datos en Angular 12
- Comprensión del enlace de propiedades y eventos
- Asignación de alias a propiedades personalizadas
- Asignación de alias a eventos personalizados
Trabajo con directivas
- Directivas integradas
- Directivas personalizadas
Servicios en Angular 12
- 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 otros servicios
Cambio de páginas con enrutamiento
- Comprensión de los diferentes métodos de navegación
- Strategias 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 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 salida
- Pipes integrados
- Pipe asíncrono
- Pipes personalizados
Realización de llamadas a APIs HTTP externas
- Envío de solicitudes
Pruebas de la aplicación Angular 12
- Uso de Jasmine para pruebas unitarias
- Exploración de alternativas a Protractor para pruebas de extremo a extremo
Depuración de la aplicación
- Comprensión de 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 para depurar dentro de un navegador
Optimización de la aplicación Angular 12
- Revisión del código
- Reducción del tamaño del paquete y eliminación de código muerto
Seguridad en Angular 12
- Cómo funciona la autenticación
- Uso de autenticación JWT
- Qué se debe y no se debe escribir en Angular
Despliegue de una aplicación Angular 12 en producción
- Despliegue en IIS, Apache, Nginx, etc.
Mejores prácticas en Angular 12
Resolución de problemas
Resumen y conclusión
Requerimientos
- Conocimientos básicos de HTML, CSS y JavaScript
Público objetivo
- Desarrolladores
- Programadores
Testimonios (4)
Paciencia y enseñanza metódica
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática
La experiencia y paciencia del formador.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática
Me gustó el estilo de enseñanza
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática
Pipe Ruteo Vinculación de Datos Servicios
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática
