Temario del curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 12?
Visión General de TypeScript y ES6 JavaScript
- Sintaxis de TypeScript
- Uso del transpilador de TypeScript
- Configuración de Angular 12 y TypeScript
Visión General de las Partes de Angular 12
- Angular CLI
- Componentes
- Direcciones (Directives)
- Entradas y Salidas
- Vinculación de Datos e Interpolación
- Vinculación de Eventos
- Modelado de Datos
- Inicialización (Bootstrapping)
- Webpack Experimental
Creando tu Primera Aplicación Angular
- Planificación de la Aplicación
- Configuración de un Proyecto Angular
- Creación de 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 del Ciclo de Vida
- Uso de ViewChildren y ContentChildren
Vinculación de Datos en Angular 12
- 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 Direcciones (Directives)
- Direcciones Integradas
- Direcciones Personalizadas
Servicios de Angular 12
- Creación de un Servicio de Registro
- 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 tu Proveedor
- Inyección de Servicios en Componentes, Direcciones (Directives) y Servicios
Cambio de Páginas con Rutas
- Entendiendo los Diferentes Métodos de Navegación
- Estrategias de Ruteo
- Configuración de Rutas
- Configuración y Carga de Rutas
- Uso de Parámetros en Rutas
- Creación de Rutas Anidadas
- Uso de Rutas Redirigidas y Rutas comodín (Wildcards)
- Entendiendo 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 Sanitización de Datos del Formulario
Uso de Pipes
- Transformación de Salida
- Pipes Integrados
- Pipe Async
- Pipes Personalizados
Haciendo Llamadas a APIs HTTP Externas
- Envío de solicitudes
Prueba de la Aplicación Angular 12
- Uso de Jasmine para pruebas unitarias
- Explorando Alternativas a 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 para Depurar dentro de un Navegador
Optimización de la Aplicación Angular 12
- Reestructuración del código
- Reducción del tamaño del bundle y eliminación de código muerto
Seguridad en Angular 12
- Cómo funciona la autenticación
- Uso de Autenticación JWT
- Qué Debe y No Debe Escribirse en Angular
Implementación de una Aplicación Angular 12 en Producción
- Implementación en IIS, Apache, Nginx, etc.
Buenas Prácticas de Angular 12
Resolución de Problemas
Resumen y Conclusión
Requerimientos
- Familiaridad con HTML básico, CSS y JavaScript
Público
- Desarrolladores
- Programadores
Testimonios (4)
Instrucción sobre paciencia y metodología
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática
La experiencia y paciencia del entrenador.
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
Traducir esto Desde: en Hasta: es Pipe Enrutamiento Binding de Datos Servicios
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curso - Angular 12
Traducción Automática