Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso Angular 17 Avanzado

Curso completo de Angular 17 Avanzado

DISPONIBLE EN MODALIDAD:

Online

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 17 Avanzado bonificable para empresas

¿A quién va dirigido?

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

Objetivos

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?

Requisitos

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

Nuestras modalidades de formación

Cursos Online

Formación a través de nuestro campus virtual

Bonificable hasta el 100% por FUNDAE

Horario Flexible de formación

Teoría, práctica y vídeos guiados

Acceso multiplataforma, desde PC y móviles

100% tutorizado por un formador experto

Diploma de aprovechamiento

Me interesa

Aula Virtual Personalizada

Videoconferencia en tiempo real, síncrono, a través de Zoom

Bonificable hasta el 100%, por FUNDAE.

Planificación a medida

100% práctico con proyectos evolutivos

Temario adaptado a vuestras necesidades

100% tutorizado con feedback inmediato

Diploma de aprovechamiento

Me interesa

Angular 17 Avanzado: Últimas plazas

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 realizar un Aula Virtual Personalizada.

07 may

Curso Angular 17 Avanzado Online

60 horas lectivas

Plazas limitadas

Hasta 100% bonificables

¡ÚLTIMAS PLAZAS!

¡Me interesa!

Temario del curso

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
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

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

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

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 19

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 20

Angular Universal para Server Side Rendering (SSR)

Descripción de Angular Universal y su papel en el Server Side Rendering
Configuración inicial de Angular Universal en una aplicación Angular
Beneficios y casos de uso de Angular Universal en aplicaciones web
Renderizado en el servidor (Server Side Rendering)
Implementación del renderizado en el servidor en una aplicación Angular
Uso de Angular Universal para generar contenido dinámico en el servidor
Consideraciones y mejores prácticas para el renderizado en el servidor con Angular Universal

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

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de Angular 17 Avanzado bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada