Envíanos tu consulta

Buscar cursos

Catálogo 2024-25

Cursos ¡Últimas plazas!Servicios FUNDAE Tutoriales Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Formación

Modalidades

Próximas Convocatorias

Temario

FAQ

Solicitar información

Cursos de Desarrollo/Cursos de Desarrollo Web/Curso Angular 19 Avanzado

Curso de Angular 19 Avanzado

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Angular es actualmente uno de los frameworks más completos y versátiles que existe en el mercado, con el que podrás a crear aplicaciones muy potentes, escalables y fáciles de mantener.

Angular es uno de los frameworks más utilizados en la actualidad para hacer aplicaciones web. Nace de Angular.js y su éxito, pero cambia totalmente el paradigma de desarrollo. No estamos ante una simple versión más, estamos ante una nueva herramienta para realizar nuestros proyectos de una forma más rápida y sencilla.

Formación en Angular 19 Avanzado bonificable para empresas

A quién va dirigido nuestro curso de Angular 19 Avanzado

A todo desarrollador interesado en llevar al máximo sus capacidades en Angular para desarrollar, testear y mantener aplicaciones de una calidad superior.

Objetivos de nuestro curso de Angular 19 Avanzado

Aprender a mejorar la performance de proyectos web SPA de Angular con Angular Zone y ChengeDetection, Angular Hydration y estrategias de precarga
Profundizar y personalizar la inyección de dependencias y crear directivas personalizadas
Profundizar en RxJS, aprender a usar Interceptors, Resolvers y Signals, además de gestionar el estado de la aplicación con NgRx
Desarrollar aplicaciones internacionalizadas, soluciones PWA, creación de librerías propias y soluciones SSR con Angular Universal
Aprender buenas prácticas, crear schematics personalizados y redactar tests e2e con Cypress en proyectos Angular

Qué vas a aprender en nuestro curso de Angular 19 Avanzado

Requisitos de nuestro curso de Angular 19 Avanzado

Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores), Typescript y haber desarrollado aplicaciones Angular
Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
Contar con una cuenta de Github donde poder ubicar los proyectos del curso
Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software

Temario del curso de Angular 19 Avanzado

tema 1

Angular Change Detection

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
Uso del nuevo soporte Zoneless introducido en Angular 19
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
Integración con Signal APIs para gestionar cambios sin Zone
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
Introducción a directivas condicionales con Signal APIs
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 @HostListener para gestionar eventos específicos
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

Configuración de carga perezosa optimizada con Standalone Components
Explicación de la carga perezosa y sus beneficios
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
Integración de Resolvers con Signal APIs para gestión de estados
Uso de resolvers en rutas standalone
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
Mejora en la gestión de interceptores
Creación de interceptores standalone reutilizables
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
Uso de interceptores para modificar cabeceras globales
Manejo avanzado de errores HTTP con operadores RxJS
Estrategias de caché y reintento automático en interceptores

tema 8

Angular Workspace

Introducción a los Angular Workspaces y sus componentes
Estructura de carpetas y archivos en un Angular Workspace
Uso de Angular CLI para gestionar múltiples aplicaciones y librerías
Configuración de Workspaces con scripts personalizados
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
Optimización del rendimiento de builds en Angular Workspace
Uso de herramientas externas para monitorizar cambios en Workspaces

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
Estrategias para optimizar aplicaciones híbridas PWA/web

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
Uso combinado de Service Workers y Signals para respuestas reactivas
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
Monitoreo y depuración de Service Workers en aplicaciones reale
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
Implementación de Store modularizado para proyectos grandes
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
Uso avanzado de Selectors y Memoization para optimización
Creación de efectos avanzados para manejar flujos complejos
Integración de NGRX con Signal APIs para un estado reactivo más eficiente

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
Creación de patrones reactivos utilizando 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
Uso de estrategias de lazy loading en imágenes con Signal APIs
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 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 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

Preguntas Frecuentes de Angular 19 Avanzado

¿Cuáles son los Beneficios del curso Angular 19 Avanzado?

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.

¿El curso de Angular 19 Avanzado se puede bonificar a través de FUNDAE?

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.

¿En qué modalidades se imparte el curso de Angular 19 Avanzado?

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.

¿Qué habilidades desarrollaré con el curso de Angular 19 Avanzado?

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.

¿Cómo puedo inscribirme en el curso de Angular 19 Avanzado?

Puedes inscribirte en el curso rellenando los formularios que aparecen en la web. Es un proceso sencillo y rápido que te permitirá asegurar tu plaza en el curso.