Más del 80% de las empresas tecnológicas eligen Angular para sus proyectos web
Implanta Angular 18 Avanzado Online y A Medida para tu equipo, mejora calidad de código y acelera despliegues, bonificable FUNDAE para empresas. Contáctanos.
Lleva tu conocimiento de Angular al siguiente nivel con un curso diseñado para desarrollar soluciones empresariales avanzadas, mejorando significativamente el rendimiento y la eficiencia de tus aplicaciones.
1
Aprende a crear arquitecturas de aplicación
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Introducción a Angular Zone y a la Zone Pollution
Explicación de la zona de contaminación y cómo afecta al rendimiento
Identificación de operaciones que pueden causar una zona de contaminación
Estrategias para minimizar la contaminación de la zona
Introducción a la identificación de computaciones lentas y el uso de estrategias de optimización
Identificación de computaciones lentas en aplicaciones Angular
Técnicas de optimización para mejorar el rendimiento de las computaciones
Uso de técnicas asíncronas para evitar bloqueos en la interfaz de usuario
Descripción de cómo saltarse el árbol de componentes para mejorar el rendimiento
Uso de la estrategia OnPush para reducir la frecuencia de las actualizaciones
Estrategia markForCheck()
Estrategia detach()
Estrategia detectChanges()
Uso de Angular Zone para optimizar el rendimiento
Identificación de casos en los que saltarse el árbol de componentes es beneficioso
Angular sin ZoneJS (Zoneless)
Introducción a Angular Zone y a la Zone Pollution
Explicación de la zona de contaminación y cómo afecta al rendimiento
Identificación de operaciones que pueden causar una zona de contaminación
Estrategias para minimizar la contaminación de la zona
Introducción a la identificación de computaciones lentas y el uso de estrategias de optimización
Identificación de computaciones lentas en aplicaciones Angular
Técnicas de optimización para mejorar el rendimiento de las computaciones
Uso de técnicas asíncronas para evitar bloqueos en la interfaz de usuario
Descripción de cómo saltarse el árbol de componentes para mejorar el rendimiento
Uso de la estrategia OnPush para reducir la frecuencia de las actualizaciones
Estrategia markForCheck()
Estrategia detach()
Estrategia detectChanges()
Uso de Angular Zone para optimizar el rendimiento
Identificación de casos en los que saltarse el árbol de componentes es beneficioso
Explicación de la zona de contaminación y cómo afecta al rendimiento
Identificación de operaciones que pueden causar una zona de contaminación
Estrategias para minimizar la contaminación de la zona
Introducción a la identificación de computaciones lentas y el uso de estrategias de optimización
Identificación de computaciones lentas en aplicaciones Angular
Técnicas de optimización para mejorar el rendimiento de las computaciones
Uso de técnicas asíncronas para evitar bloqueos en la interfaz de usuario
Descripción de cómo saltarse el árbol de componentes para mejorar el rendimiento
Uso de la estrategia OnPush para reducir la frecuencia de las actualizaciones
Estrategia markForCheck()
Estrategia detach()
Estrategia detectChanges()
Uso de Angular Zone para optimizar el rendimiento
Identificación de casos en los que saltarse el árbol de componentes es beneficioso
Angular sin ZoneJS (Zoneless)
Tema 2: Directivas Personalizadas Avanzadas
Introducción a las Directivas estructurales personalizadas
Creación de directivas estructurales personalizadas
Uso de ngIf, ngFor y otras directivas estructurales incorporadas
Implementación de lógica avanzada en directivas estructurales
Introducción a las Directivas de atributos personalizadas
Desarrollo de directivas de atributos personalizadas.
Manipulación del DOM y estilos desde directivas de atributos.
Uso de directivas de atributos en combinación con componentes
Introducción a las Directivas de Host
Creación de directivas de host para modificar el comportamiento del componente
Uso de directivas de host para manipular eventos y estilos
Implementación de directivas de host en casos prácticos
Tema 3: Formularios Fuertemente Tipados de Angular
Introducción a los Formularios Fuertemente Tipados de Angular
Ventajas de su uso
Definición de interfaces y clases para representar los datos del formulario
Uso de formularios reactivos y plantillas fuertemente tipadas
Validaciones avanzadas con formularios fuertemente tipados
Personalización de mensajes de error en formularios fuertemente tipados
Uso de directivas de validación personalizadas
Validación asincrónica y mensajes de error dinámicos
Eventos de control de estado unificado
Tema 4: Inyección Avanzada
Introducción a la jerarquía de inyección y modificadores en Angular
Los modificadores en Angular: @Optional, @Self, @SkipSelf y @Host
Uso de @Optional()
Uso de @Self()
Uso de SkipSelf()
Uso de @Host()
Estrategias avanzadas para resolver dependencias en componentes
Introducción a los Array Providers
Configuración de Array Providers para inyectar múltiples implementaciones
Uso de inyección condicional basada en Array Providers
Solución de problemas comunes al usar Array Providers
Uso del Array de View Providers
Diferencias entre Providers y View Providers
Modificación de la visibilidad de un servicio
Combinación de View Providers con Modificadores Angular
Dependency Injection Providers (DI Providers)
Uso de DI Providers
Referencias entre componentes con DI
Implementación de inyección condicional en Angular
Uso de la clase InjectionToken para inyectar dependencias condicionalmente
Escenarios prácticos para la inyección condicional
Tema 5: Carga Perezosa y Estrategias de Precarga
Introducción a la carga perezosa de módulos
Explicación de la carga perezosa y sus beneficios
Configuración de módulos para la carga perezosa
Mejores prácticas y consideraciones al usar la carga perezosa
Introducción a la carga perezosa de rutas
Configuración de rutas para la carga perezosa en un proyecto Angular
Uso de loadChildren para cargar rutas de manera perezosa
Estrategias de optimización para mejorar el rendimiento de la carga perezosa
Introducción a las estrategias de precarga bajo demanda
Configuración de rutas para la precarga bajo demanda en un proyecto Angular
Implementación de la precarga bajo demanda de rutas
Análisis de casos de uso y escenarios para la precarga bajo demanda
Introducción a las estrategias de precarga con mala conexión
Uso de estrategias de precarga en entornos de conexión lenta en proyectos Angular
Implementación de la precarga condicional basada en la calidad de la conexión
Mejores prácticas para la precarga en situaciones de mala conexión
Tema 6: Angular Resolvers
Introducción y fundamentos de los Angular Resolvers
Uso de resolvers para obtener datos antes de cargar una ruta
Integración de resolvers en la arquitectura de una aplicación Angular
Configuración de resolvers en las rutas de la aplicación
Implementación de resolvers para cargar datos desde una API o servicios
Manipulación y transformación de datos obtenidos mediante resolvers
Tema 7: Angular Interceptors
Descripción de los interceptores y su función en las solicitudes HTTP
Creación y configuración de interceptores en Angular
Uso de interceptores para agregar funcionalidades globales a las solicitudes HTTP
Implementación de interceptores para gestionar la autenticación y autorización
Uso de interceptores para agregar tokens de autenticación a las solicitudes
Manipulación de respuestas para gestionar el acceso y los permisos
Tema 8: Angular Workspace
Introducción a los Angular Workspaces y sus componentes
Estructura de carpetas y archivos en un Angular Workspace
Configuración y personalización de un Angular Workspace
Creación, configuración y gestión de múltiples proyectos en un Workspace
Compartir recursos y dependencias entre proyectos
Uso de scripts y comandos para administrar proyectos en un Workspace
Tema 9: Progressive Web Apps (PWAs)
Introducción, fundamentos y características de las Progressive Web Apps (PWAs)
Uso de Service Workers y Web Manifest para crear una PWA
Ventajas y desventajas de las PWAs en comparación con las aplicaciones nativas
Añadiendo PWA a una aplicación Angular existente
Configuración de una aplicación Angular como una PWA
Uso de las herramientas y funcionalidades específicas de Angular para PWAs
Instalación de una PWA en el equipo o móvil
Implementación de funcionalidades offline
Tema 10: Service Workers y Web Workers
Concepto y uso de Service Workers en aplicaciones Angular
Registro y configuración de un Service Worker en una aplicación Angular
Implementación de estrategias de almacenamiento en caché y respuesta offline
Introducción a los Web Workers y su uso en aplicaciones Angular
Creación y comunicación con Web Workers en una aplicación Angular
Análisis de compatibilidad en navegadores de estritorio y móvil
Service Workes y Web Workers en producción
Mejores prácticas y casos de uso para Web Workers en Angular
Tema 11: Notificaciones Push
Uso de las API de notificaciones push en aplicaciones Angular
Registro y manejo de suscripciones a notificaciones push
Envío de notificaciones push desde el backend a una aplicación Angular
Configuración de opciones y contenido para personaliazr las notificaciones push
Uso de acciones y respuestas directas en las notificaciones push
Implementación de lógica avanzada en el manejo de notificaciones push
Notificaciones Push en PWAs
Tema 12: NGRX
Introducción a NGRX y sus principios fundamentos
Explicación del patrón Redux y cómo se aplica en NGRX
Ventajas y casos de uso de NGRX en aplicaciones Angular
Introducción a Store, Reducers, Actions y Effects en NGRX
Añadiendo NGRX a un proyecto Angular
Creación y configuración del Store en NGRX
Definición y uso de Actions para gestionar cambios en el Store
Uso de Selectors para obtener datos del Store en componentes Angular
Implementación de Reducers para manejar acciones y actualizar el Store
Uso de Effects para gestionar efectos secundarios en NGRX
Tema 13: Angular Signals y RXJS InterOp
Introducción a Angular Signals
El papel de Angular Signals en la arquitectura Angular
Configuración y uso de Angular Signals para la comunicación entre componentes
Implementación de patrones de suscripción y emisión de señales
Interoperabilidad e Integración de Angular Signals con el patrón Observable de RXJS
Uso de operadores de RXJS con Angular Signals
Implementación de lógica avanzada utilizando Angular Signals y RXJS
Tema 14: Internacionalización en Angular (i18n)
Configuración de internacionalización (i18n) en Angular
Uso de herramientas y recursos para la internacionalización en Angular
Configuración y generación de archivos de traducción
Aplicación de traducciones en componentes y plantillas
Introducción al cambio dinámico de idioma en una aplicación web
Implementación de selección de idioma en una aplicación Angular
Cambio dinámico de idioma y actualización de las traducciones
Mejores prácticas y consideraciones para la internacionalización en Angular
Tema 15: Creación de Librerías Propias de Angular
Uso del Angular CLI para crear librerías propias
Configuración de librerías en un Angular Workspace
Creación de componentes, servicios y otros elementos en una librería Angular.
Publicación y compartición de librerías:
Empaquetado y publicación de una librería Angular en NPM
Uso de registros de paquetes (package registries) para compartir librerías
Integración de librerías en aplicaciones Angular y casos de uso comunes
Tema 16: Creación de Schematics Propios
Introducción a los Schematics en Angular
La función de los Schematics en el desarrollo de Angular
Uso de Schematics para generar y modificar código de manera automatizada
Integración de Schematics en el flujo de trabajo de desarrollo Angular
Creación de un nuevos Schematics en Angular
Empleando Schematics oficiales de Angular como plantilla
Definición de opciones y parámetros para nuestros Schematics
Generación y modificación de código mediante el Schematics
Tema 17: Testing con Cypress
Introducción a Cypress
Enfoque en el testing end-to-end (e2e)
Configuración inicial de Cypress en una aplicación Angular
Ventajas y casos de uso de Cypress para el testing en Angular
Escritura de pruebas con Cypress
Creación de casos de prueba utilizando la sintaxis de Cypress
Interacción con elementos y simulación de acciones en una aplicación Angular
Uso de aserciones para verificar el comportamiento esperado
Automatización de pruebas con Cypress
Configuración de la ejecución automatizada de pruebas con Cypress
Uso de comandos y scripts para ejecutar pruebas en diferentes entornos
Integración de Cypress en un flujo de CI/CD para pruebas continuas
Tema 18: Optimización de Imágenes en Angular
¿Qué herramientas y técnicas disponemos para la optimización de imágenes en Angular?
Uso de herramientas de compresión y optimización de imágenes
Técnicas para reducir el tamaño y mejorar el rendimiento de las imágenes
Configuración de compresión automática de imágenes en una aplicación Angular
Introrucción a la carga diferida (lazy loading) de imágenes
Implementación de la carga diferida de imágenes en una aplicación Angular
Uso de directivas y técnicas para retrasar la carga de imágenes no visibles
Mejores prácticas y consideraciones al trabajar con la carga diferida de imágenes
Tema 19: Server Side Rendering (SSR)
Descripción de Server Side Rendering
Configuración inicial de SSR en una aplicación Angular
Beneficios y casos de uso de SSR en aplicaciones web
Implementación del renderizado en el servidor en una aplicación Angular
Uso de SSR para generar contenido dinámico en el servidor
Consideraciones y mejores prácticas para el renderizado en el servidor
Tema 20: Angular Hydration
Descripción de la hidratación en Angular y su relación con el rendimiento
Explicación de cómo se renderizan y actualizan los componentes en Angular
Consideraciones y mejores prácticas para una hidratación eficiente en Angular
Identificación de problemas comunes de rendimiento en la hidratación en Angular
Uso de estrategias de optimización para acelerar la hidratación de componentes
Pruebas y evaluación del rendimiento de la hidratación en una aplicación Angular
Tema 21: Buenas Prácticas en Angular
Implementación de medidas de seguridad en una aplicación Angular
Prevención de vulnerabilidades comunes, como XSS y CSRF
Uso de buenas prácticas en la autenticación y autorización de usuarios
Consideraciones y técnicas para mejorar la accesibilidad en una aplicación Angular
Uso de atributos ARIA y patrones de diseño accesibles
Pruebas y verificación de la accesibilidad en una aplicación Angular
Proceso de actualización de Angular a versiones más recientes
Identificación de cambios y actualizaciones relevantes en cada versión
Mejores prácticas y recomendaciones para una actualización sin problemas
Implementación de la carga diferida de módulos en una aplicación Angular
Uso de rutas hijas y configuración del enrutador para la carga diferida
Consideraciones y beneficios de la carga diferida de módulos en Angular
Uso de Lightweight Injection Tokens para la inyección de dependencias en librerías
Ventajas y mejores prácticas en la creación y utilización de Lightweight Injection Tokens
Integración de Lightweight Injection Tokens en proyectos Angular
Tema 22: Proyecto Final
Elección de un caso de uso o aplicación a desarrollar como proyecto final
Diseño e implementación de la arquitectura y estructura de la aplicación
Integración de los conceptos y técnicas aprendidos a lo largo del curso
Implementación de Funcionalidades Avanzadas
Aplicación de las técnicas y patrones avanzados de Angular aprendidos en el curso
Desarrollo de funcionalidades complejas y relevantes para la aplicación final
Pruebas, refinamiento y mejora continua del proyecto final
Perfiles profesionales
Pensado para quienes deben dominar Angular 18 Avanzado en su día a día
Desarrolladores Frontend
Desean perfeccionar sus habilidades en Angular para crear aplicaciones avanzadas y dinámicas, mejorando la eficiencia del desarrollo web.
Ingenieros de Software
Necesitan profundizar en técnicas avanzadas de Angular para optimizar el rendimiento y las arquitecturas de aplicaciones empresariales sólidas.
Equipos de Desarrollo TI
Buscan capacitación en las versiones más recientes de Angular para innovar y mantener su competitividad en entornos dinámicos.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Angular 18 Avanzado
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El curso ofrece una profundización en los conocimientos de Angular, mejorando tus habilidades en el desarrollo de aplicaciones web. Esto puede resultar en una mayor eficiencia y calidad en tus proyectos, así como en mejores oportunidades laborales.
Sí, el curso puede ser bonificado a través de FUNDAE, permitiendo que muchas empresas puedan reducir los costes asociados a la formación de sus empleados.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
El curso se imparte en dos modalidades: online y aula virtual personalizada. Ambas modalidades están diseñadas para ofrecer flexibilidad y adaptarse a tus necesidades de aprendizaje.
Desarrollarás habilidades avanzadas en el uso de Angular, incluyendo arquitectura de aplicaciones, optimización del rendimiento, y el manejo de herramientas y librerías complementarias.
El curso ofrece una profundización en los conocimientos de Angular, mejorando tus habilidades en el desarrollo de aplicaciones web. Esto puede resultar en una mayor eficiencia y calidad en tus proyectos, así como en mejores oportunidades laborales.
Sí, el curso puede ser bonificado a través de FUNDAE, permitiendo que muchas empresas puedan reducir los costes asociados a la formación de sus empleados.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
El curso se imparte en dos modalidades: online y aula virtual personalizada. Ambas modalidades están diseñadas para ofrecer flexibilidad y adaptarse a tus necesidades de aprendizaje.
Desarrollarás habilidades avanzadas en el uso de Angular, incluyendo arquitectura de aplicaciones, optimización del rendimiento, y el manejo de herramientas y librerías complementarias.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
escalables y seguras, incorporando técnicas avanzadas de inyección de dependencias, carga perezosa, SSR y mucho más, todo enfocado en entornos empresariales.
2
Aumenta la productividad y capacidad de respuesta de tus equipos con formación práctica en habilidades críticas como el uso de Angular Signals, NGRX y Directivas Personalizadas.
3
Capacitación integral con un enfoque práctico y proyectos finales que integran todos los conceptos aprendidos, preparando a tu empresa para enfrentar los desafíos modernos del desarrollo web.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras
A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida para un grupo de trabajadores, puedes solicitar un Aula Virtual Personalizada.
