Gracias por enviar su consulta! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Gracias por enviar su reserva! Uno de los miembros de nuestro equipo se pondrá en contacto con usted en breve.
Temario del curso
Introducción
- ¿Qué es Angular?
- ¿Qué hay de nuevo en Angular 11?
- Sintaxis de TypeScript
- Usar el transpilador de TypeScript
- Configurar Angular 11 y TypeScript
- CLI de Angular
- Componentes
- DIRECTIVAS
- Entradas y salidas
- Vinculación de datos e interpolación
- Vinculación de eventos
- Modelado de datos
- Inicialización
- Webpack experimental
- Planificar la aplicación
- Configurar un proyecto de Angular
- Crear una interfaz de usuario amigable para móviles usando Bootstrap 4 y Sass
- Entender el ciclo de vida del componente
- Flujo de datos
- Usar plantillas y estilos
- Proyectar contenido
- Trabajar con AppModule
- Trabajar con componentes personalizados
- Usar encapsulamiento de vista
- Implementar ganchos de ciclo de vida (lifecycle hooks)
- Usar ViewChildren y ContentChildren
- Entender la vinculación de propiedades y eventos
- Vincular y asignar alias a propiedades personalizadas
- Vincular y asignar alias a eventos personalizados
- Directivas incorporadas (built-in)
- Directivas personalizadas
- Crear un servicio de registro
- Crear un servicio de datos
- Inyectores, Proveedor y Tokens
- Configurar la inyección de dependencias
- Configurar tu proveedor
- Inyectar servicios en componentes, directivas y servicios
- Entender los diferentes métodos de navegación
- Estrategias de enrutamiento
- Configurar rutas
- Configurar y cargar rutas
- Usar parámetros en rutas
- Crear rutas anidadas
- Usar rutas de redirección y comodín (wildcard)
- Entender los guardias de ruta (route guards)
- Resumen de observables
- Resumen de RxJS
- Crear y usar observables en Angular
- Usar formularios impulsados por plantillas (template-driven forms)
- Usar formularios reactivos (reactive forms)
- Crear validaciones personalizadas
- Validar, filtrar y sanitizar datos de formulario
- Transformar la salida
- Pipes incorporados (built-in)
- Pipe asíncrono (async pipe)
- Pipes personalizados
- Enviar solicitudes
- Usar Jasmine para pruebas unitarias
- Usar Protractor para pruebas end-to-end
- Entender los mensajes de error en Angular
- Usar mapas de origen (sourcemaps) para depurar el código en el navegador
- Leer diagnósticos del compilador de TypeScript
- Usar Augury
- Reestructurar el código
- Reducir el tamaño del bundle y eliminar código muerto (dead-code)
- Cómo funciona la autenticación
- Usar autenticación JWT
- Qué se debe y qué no se debe escribir en Angular
- Desplegar a IIS, Apache, Nginx, etc.
Resumen de TypeScript y JavaScript ES6
Resumen de las partes de Angular 11
Crear tu primera aplicación Angular
Crear un componente
Vinculación de datos en Angular 11
Trabajar con directivas
Servicios de Angular 11
Usar la inyección de dependencias y proveedores
Cambiar páginas con enrutamiento (routing)
Usar RxJS para crear y trabajar con observables en Angular
Generar formularios para la entrada de datos del usuario
Usar pipes
Hacer llamadas a APIs HTTP externas
Probar la aplicación Angular 10
Depurar la aplicación
Optimizar la aplicación Angular 11
Seguridad en Angular 11
Desplegar una aplicación Angular 11 a producción
Mejores prácticas de Angular 11
Solución de problemas (troubleshooting)
Resumen y conclusión
Requerimientos
- Familiaridad con HTML básico, CSS y JavaScript
- Desarrolladores
Audiencia
28 Horas
Testimonios (5)
el temario
Gustavo
Curso - .NET Core and Angular Training Course
Me gustó que la formación se centrara más en la parte práctica.
Mihaela - Ness
Curso - NgRx
Traducción Automática
Tópicos discutidos, muchos ejemplos de código en vivo, actitud del entrenador hacia el grupo
Weronika - ATOS PGS sp. z o.o.
Curso - Reactive Programming with Angular RxJS
Traducción Automática
Me gustaron tus chistes
Dermot - Griffiths & Armour
Curso - Angular 2 Fundamentals
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
