Curso de Vue 3 Avanzado y Nuxt para Equipos de Desarrollo
Aprende con el curso de Vue 3 Avanzado y Nuxt para empresas hasta 100% bonificado, a medida para tu organización.
Totalmente práctico y aplicable
Formación en Vue 3 Avanzado y Nuxt a medida
100% bonificable a través de FUNDAE
Curso TUTORIZADO por expertos
Modalidad Aula Virtual Personalizada
Curso de Vue 3 Avanzado y Nuxt en Aula Virtual Personalizada
Nuestra modalidad AVP es una formación en directo, práctica y 100% adaptada a vuestro equipo. No trabajamos con contenidos genéricos: diseñamos la formación en función de vuestro nivel, objetivos, procesos internos y necesidades reales de aplicación.
Solicitar informaciónTemario 100% a medida
Creamos el temario desde cero a partir de vuestras necesidades, nivel del equipo y objetivos concretos, priorizando aquellos contenidos que realmente aporten valor en el día a día.
Proyectos personalizados
Durante la formación trabajaremos con archivos, ejemplos, informes o procesos similares a los que utiliza vuestro equipo, para que el aprendizaje sea directamente aplicable al puesto de trabajo.
Sesiones en directo con consultor experto
Un formador especialista imparte las clases en tiempo real, resolviendo dudas, revisando casos concretos y adaptando el ritmo de la formación a la evolución del grupo.
Calendario adaptado a vuestra disponibilidad
Definimos conjuntamente fechas, horarios y duración de las sesiones para facilitar la asistencia del equipo y minimizar el impacto en la operativa diaria de la empresa.
Curso de Vue 3 Avanzado y Nuxt hasta 100% Bonificable a través de FUNDAE
Tu bonificación paso a paso
Forma a tu equipo sin costes mediante la bonificación estatal.
Este programa de Vue 3 Avanzado y Nuxt para empresas es subvencionable hasta el 100%.
- Potencia las habilidades de edición y automatización de tus profesionales.
- Accede a una formación avanzada en Vue 3 Avanzado y Nuxt práctica y orientada a resultados.
- Prepara a tu equipo para los retos documentales del entorno laboral actual.
- Gestionamos gratis tu bonificación de este curso corporativo de Vue 3 Avanzado y Nuxt ante FUNDAE.
Calcula tu bonificación
Revisamos tu caso
Preparamos la gestión
Tu equipo realiza el curso
Aplicas la bonificación
La formación que decides
te devuelve dinero
Todos nuestros cursos son bonificables a través de FUNDAE.
Gestionamos toda la documentación por ti.
Calcula tu crédito aproximado
Crédito bonificable estimado
420€*
*Cálculo orientativo
Más del 80% de las empresas tech utilizan Vue y Nuxt en su stack tecnológico
Implanta en tu empresa el Curso Vue 3 Avanzado y Nuxt A Medida, tutorizado para mejorar testing, despliegue y calidad, bonificable por FUNDAE. Infórmate.
Profundiza en la gestión del estado de la aplicación con Pinia y aprende a implementar testing eficiente con Jest y Cypress, asegurando calidad y funcionalidad en tus proyectos.
Incrementa la eficacia del desarrollo al generar aplicaciones con características avanzadas como renderizado en el servidor y PWAs, optimizando la experiencia del usuario.
Curso diseñado para aplicar conocimientos inmediatos en el entorno laboral, permitiéndote liderar proyectos con tecnologías punteras y mantenerte competitivo en el mercado.
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.
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.
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
Temario del curso
Encuentra todo el temario del curso aquí.
¿Qué es la velocidad y por qué es importante el rendimiento de nuestras aplicaciones web?
¿Cuál es la velocidad de builds de Vue 3 comparado con otras soluciones del mercado?
¿Cuál es el tamaño medio de las builds de Vue 3 comparado con otras soluciones del mercado?
¿Cuál es la velocidad media de scripting, renderizado y pintado de aplicaciones Vue 3?
El valor de la velocidad en las métricas de negocio y sus implicaciones
¿Cómo el rendimiento afecta en la conversión?
Problemas de rendimiento más comunes en proyectos Vue 3
¿Cómo medir el rendimiento y saber si existen problemas en nuesros proyectos Vue 3?
¿Qué soluciones podemos llevar a cabo para garantziar velocidad?
Introducción a PageSpeed Insights
Introducción a WebPageTest
Configuración de Chrome Devtools para obtener un panel de performance
Análisis de rendimiento a través de la extensión de Vue DevTools
Introducción a LightHouse CI
Introducción al uso de Web Vitals
Introducción al concepto de LCP (Largest Contentful Paint) y cómo optimizar
Introducción al conpecto de CLS (Cumulative Layout Shift) y cómo optimizar
Introducción al concepto de FID (First Input Delay) y cómo optimizar
Introducción al concepto de carga perezosa
La implicación del ciclo de vida de los componentes de Vue 3 en el rendimiento de la aplicación
Carga perezosa de componentes y rutas en Vue 3
Trabajando con la caché
Evitando Deep Object Watchers en Vue 3
Haciendo uso restringido de Object.Freeze en Vue 3
IntersectionObserver
Evitendo getters funcionales en Vue 3
Introducción a la optimización de imágenes y vídeo en proyectos Vue 3
Carga perezosa de imágenes y vídeo
¿Cómo escoger la compresión adecuada de imágenes?
Herramientas para compresión de imágenes
Uso de imágenes WebP
Principales problemas de rendimiento en el uso de GIFs
¿Cómo servir imágenes responsive y con dimensiones correctas?
Optimización de tareas de alta duración
Optimización a la hora de priorizar recursos y precarga de éstos
Precarga de assets críticos de nuestro proyecto
Optimización según calidad de red del usuario
Precarga de recursos para navegaciones futuras del usuario
Introducción a la optimización de CSS
Minificación de CSS y extracción de CSS críticos
Optimización de recursos de terceros en proyectos Vue 3
Introducción a la optimización de fuentes
Optimización de fuentes durante la carga y renderizado
¿Cómo informar acerca de las métricas y evangelizar una cultura de rendimiento?
¿Qué es una PWA?
Instalaciones y configuraciones de proyecto Vue 3 como PWA con Vue Cli
Instalaciones y configuraciones de proyecto Vue 3 como PWA con Vite
Analizando el archivo Manifest de un proyecto PWA
Personalizando el aspecto e iconos de nuestro PWA
Introducción a los Web Workers
Introducción a los Service Workes
Introducción a los Worklets
Web Workers vs Service Workers vs Worklets
Profundizando en el ServiceWorker y su configuración en proyectos Vue 3 PWA
Parando y reiniciando un serviceworker
Realizando tareas en segundo plano a través de Service Workes
Trabajando la caché de peticiones http y recursos con Service Workers
Instalación de una PWA en equipo de escritorio y en móvil
Recibiendo y mostrando notificaciones push
Trabajos en segundo plano
Limitaciones de las PWA
Introducción a los tests unitarios y de integración
¿Qué es el coverage de un proyecto y por qué es importante?
Introducción a Jest
Instalación de Jest en un proyecto Vue y configuración esencial con Vue Cli
Instalación de Jest en un proyecto Vue y configuración esencial con Vite
Estableciendo nuestros primeros archivos de tests en el proyecto Vue
Configurando Jest para que obvie carpetas y archivos
Escribiendo tu primer test de Jest en un proyecto Vue
Modificando el script de ejecución de Jest para obtener el coverage del proyecto
Habilitando Jest en modo Watch
Habilitando Jest en Modo No Cache
Otras flags y opciones de configuración en la ejecución de jest
Escribiendo tests para componentes de Vue 3
Entendiendo la API de librería de tests de Vue 3
Creación de pruebas para componentes con la librería de tests de Vue 3
Trabajando con la instancia de Vue 3
Montando un componente, plantillas y funciones render
¿Qué debemos probar en un componente?
Redactando pruebas para props de componentes
Redactando pruebas para renderizados condicionales
Búsqueda de elementos en un componente
Redactando pruebas para acciones de usuario
Redactando pruebas para acceder a atributos del DOM en un componente
Encontrando todos los elementos de un componente
Redactando pruebas para componentes anidados
Redactando pruebas de estilos en componentes accediendo al atributo style
Redactando pruebas para probar funciones públicas y privadas de un componente
Usando fake timers para probar funciones que usen intervalos o timeouts
Haciendo uso de Spies y Mocks de Jest para pruebas de integración
Mocking de la instancia de Vue y propiedades de componentes
Mocking para peticiones http de Axios
Redactando pruebas para el ciclo de vida de un componente
Redactando pruebas para mocking de dependencias de módulo
Redactando pruebas para eventos nativos del DOM y de Vue
Redactando pruebas para emisión de eventos por parte de un componente
Redactando pruebas para el estado de la aplicación con Pinia
Redactando pruebas para el sistema de enrutado de Vue 3
Redactando pruebas para mixins y filters de Vue 3
Añadiendo Snapshot tests para componentes estaticos y dinámicos
Aprendiendo a saber qué no probar
Introducción a Cypress
Ventajas en el uso de Cypress
Creación de cuenta, equipo y proyectos en Cypress Dashboard
Instalación y configuración de Cypress en un proyecto Vue 3
Vinculando proyecto Cypress Dashboard
Creación de un primer test con Cypress
Sintaxis y métodos predeterminados de Cypress
Creación de scripts para iniciar Cypress
Ejecutando Cypress por primera vez
Analizando la salida de ejecución e informes localmente
Analizando la salida de ejecución e informes en Cypress Dashboard
Grabación de vídeos y capturas de pantalla durante los tests
Declaración y creación de comandos personalizados en Cypress
Haciendo uso de comandos personalizados
Introducción a Gherkin y a la redacción de escenarios
Fundamentos de la sintaxis Gherkin
Instalación y configuración para vincular Cypress con CucumberJS
Redacción y ejecución de archivos de features
Buenas prácticas y consejos para trabajar con Cypress y Vue
¿Qué es NuxtJS?
¿Qué es el Renderizado desde Servidor?
NuxtJS vs otros Renderizados desde Servidor (SSR)
¿Qué se puede crear con NuxtJS?
¿Es posible crear proyectos SSR con Vite?
Creando tu primera aplicación con NuxtJS, Vue 3 y Typescript
Análisis de la estructura de carpetas y ficheros
Ejecutando el proyecto localmente y comprobando el resultado
Introducción a las páginas
El sistema de enrutado en NuxtJS
Ceración de páginas y rutas
Creando rutas con direcciones dinámicas
Añadiendo links y analizando la navegación
Validación de parámetros
Creación de rutas enlazadas
Páginas de error 500 y 404
Creando un layout para nuestro NavBar
Creación de menús para la navegación
Usando y reutilizando componentes con NuxtJS
Introducción a los Middlewares en Nuxt
Protegiendo rutas
Creando y añadiendo un Middleware de autenticación a nuestras rutas
Creación de una ruta de Login
Probando el funcionamiento del Middleware de autenticación
Instalación y cnfiguración de Pinia en Nuxt
Probando el estado de la aplicación
Haciendo uso del estado de la aplicación para mantener la sesión de usuario
El fichero de configuración de NuxtJS
Configuraciones de CORS y otras opciones recomendables
Trabajando con variables de entorno
Configuración del enrutado de NuxtJS
Añadiendo plugins
Registrando un filtro de datos
Comprendiendo los módulos
Mejorando el proceso de generación
Limitando la cantidad de requests
Inyección de dependencias en Vue 3 (provider/inyect)
Comparando provider/inject vs store de aplicación vs bus asícrono de datos ¿Qué es mejor para la comunicación entre componentes?
Comentario acerca de los patrones recomendables cuando trabajamos con Vue 3 y Nuxt
Recomendaciones de performance en Nuxt y Vue 3
Descripción del proyecto
Creación de proyecto Nuxt
Creación de rutas y sistema de autenticación
Creación de formularios con VeeValidate
Creación de middlewares y configuraciones esenciales
Creación de scripts para builds y despliegues
Despliegue del proyecto Nuxt en Vercel
Creación de tests unitarios y de integración para el proyecto
Pensado para quienes deben dominar Vue 3 Avanzado y Nuxt en su día a día
Desarrolladores Frontend
Buscan ampliar sus habilidades avanzadas en Vue 3 y Nuxt para crear aplicaciones web escalables y eficientes.
Ingenieros de Software
Necesitan optimizar el rendimiento de aplicaciones usando Vue 3 y Nuxt, garantizando soluciones empresariales robustas.
Equipos de Desarrollo TI
Requieren formación en las últimas tendencias de Vue 3 y Nuxt para mantener la competitividad y realizar desarrollos innovadores.
Programadores Fullstack
Deben integrar Vue 3 y Nuxt con tecnologías backend, asegurando una comunicación eficiente entre frontend y servidor.
Arquitectos de Software
Diseñan soluciones escalables y buscan mejores prácticas para estructurar aplicaciones grandes en Vue 3 y Nuxt.
Técnicos de Desarrollo Web
Quieren actualizar sus conocimientos en Vue 3 y Nuxt para mejorar la eficiencia del código y optimizar su rendimiento.
Empresas que ya han formado a sus equipos
Experiencias reales de equipos que ya han trabajado con nosotros.
+16
años de liderazgo
+3.500
empresas formadas
Nuestra empresa decidió contratar formación con Imagina aprovechando los créditos de FUNDAE, y fue una gran decisión. La modalidad online nos permitió adaptar los horarios a nuestro equipo. La formación ha sido práctica, clara y útil para el día a día. Es sencillo de gestionar y los resultados son excepcionales.
Hugo Gutiérrez
Analista Financiero
Gracias a Imagina, la eficiencia de nuestras sesiones de capacitación ha mejorado drásticamente. Es sencillo de usar y los resultados son excepcionales.
Luis Martínez
Administrativo
Gracias al aula virtual de Imagina siempre son capaces de adaptar los cursos a nuestras necesidades. El contenido fue muy completo y práctico.
Elena Pérez
Responsable de Recursos Humanos
Mejor de lo esperado, la modalidad online se adapta a nuestros horarios. La ayuda con la bonificación FUNDAE hizo todo más fácil. Práctico y necesario.
Alejandro Sánchez
Director de Operaciones
Nuestra empresa decidió contratar formación con Imagina aprovechando los créditos de FUNDAE, y fue una gran decisión. La modalidad online nos permitió adaptar los horarios a nuestro equipo. La formación ha sido práctica, clara y útil para el día a día. Es sencillo de gestionar y los resultados son excepcionales.
Hugo Gutiérrez
Analista Financiero
Gracias a Imagina, la eficiencia de nuestras sesiones de capacitación ha mejorado drásticamente. Es sencillo de usar y los resultados son excepcionales.
Luis Martínez
Administrativo
Gracias al aula virtual de Imagina siempre son capaces de adaptar los cursos a nuestras necesidades. El contenido fue muy completo y práctico.
Elena Pérez
Responsable de Recursos Humanos
Mejor de lo esperado, la modalidad online se adapta a nuestros horarios. La ayuda con la bonificación FUNDAE hizo todo más fácil. Práctico y necesario.
Alejandro Sánchez
Director de Operaciones
480.000 alumnos formados en Imagina
Resolvemos todas tus dudas sobre nuestra formación en Vue 3 Avanzado y Nuxt
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 de Vue 3 Avanzado y Nuxt te proporciona un profundo conocimiento en la creación de aplicaciones web robustas y escalables utilizando Vue.js y Nuxt.js. Aprenderás sobre la optimización de rendimiento, gestión del estado con Pinia y técnicas de testing con Jest y Cypress. Este conocimiento te facilitará el desarrollo de aplicaciones de alto rendimiento, mejorando tu competitividad en el mercado laboral.
Sí, el curso de Vue 3 Avanzado y Nuxt se puede bonificar a través de FUNDAE. Las empresas pueden beneficiarse de las subvenciones disponibles para la formación de sus empleados, lo que puede cubrir hasta el 100% del coste del curso, incluyendo el 10% extra por la gestión de la bonificación, que también es bonificable si los créditos de FUNDAE lo permiten.
El curso de Vue 3 Avanzado y Nuxt se imparte en modalidad de aula virtual personalizada. Esta modalidad mediante videoconferencia a través de Zoom ofrece flexibilidad a los participantes, adaptándose a las necesidades específicas de la empresa y proporcionando acceso a las grabaciones de las sesiones.
Con el curso de Vue 3 Avanzado y Nuxt desarrollarás habilidades avanzadas en optimización de aplicaciones web, creación de arquitecturas escalables, gestión del estado de aplicaciones con Pinia y aplicación de tests automatizados con Jest y Cypress. Estas habilidades son fundamentales para mejorar la eficiencia y calidad de las aplicaciones desarrolladas.
Puedes inscribirte en el curso de Vue 3 Avanzado y Nuxt completando los formularios disponibles en nuestra web. Asegúrate de proporcionar toda la información solicitada para que podamos gestionar tu inscripción de manera rápida y eficaz.
¿Tienes dudas?
Estamos aqui para ayudarte
El curso de Vue 3 Avanzado y Nuxt te proporciona un profundo conocimiento en la creación de aplicaciones web robustas y escalables utilizando Vue.js y Nuxt.js. Aprenderás sobre la optimización de rendimiento, gestión del estado con Pinia y técnicas de testing con Jest y Cypress. Este conocimiento te facilitará el desarrollo de aplicaciones de alto rendimiento, mejorando tu competitividad en el mercado laboral.
¿Tienes dudas?
Estamos aqui para ayudarte
Sí, el curso de Vue 3 Avanzado y Nuxt se puede bonificar a través de FUNDAE. Las empresas pueden beneficiarse de las subvenciones disponibles para la formación de sus empleados, lo que puede cubrir hasta el 100% del coste del curso, incluyendo el 10% extra por la gestión de la bonificación, que también es bonificable si los créditos de FUNDAE lo permiten.
¿Tienes dudas?
Estamos aqui para ayudarte
El curso de Vue 3 Avanzado y Nuxt se imparte en modalidad de aula virtual personalizada. Esta modalidad mediante videoconferencia a través de Zoom ofrece flexibilidad a los participantes, adaptándose a las necesidades específicas de la empresa y proporcionando acceso a las grabaciones de las sesiones.
¿Tienes dudas?
Estamos aqui para ayudarte
Con el curso de Vue 3 Avanzado y Nuxt desarrollarás habilidades avanzadas en optimización de aplicaciones web, creación de arquitecturas escalables, gestión del estado de aplicaciones con Pinia y aplicación de tests automatizados con Jest y Cypress. Estas habilidades son fundamentales para mejorar la eficiencia y calidad de las aplicaciones desarrolladas.
¿Tienes dudas?
Estamos aqui para ayudarte
Puedes inscribirte en el curso de Vue 3 Avanzado y Nuxt completando los formularios disponibles en nuestra web. Asegúrate de proporcionar toda la información solicitada para que podamos gestionar tu inscripción de manera rápida y eficaz.
¿Tienes dudas?
Estamos aqui para ayudarte
Encuentra el Curso Perfecto para tu Organización
VueJS con Vue Storefront
Aprende a utilizar uno de los frameworks para el desarrollo web más populares del momento y combínalo con Vue Storefront para crear aplicaciones de eCommerce muy potentes y eficientes.
Vue con PrimeVue
Curso intensivo de Vue.js y PrimeVue para desarrollar interfaces gráficas dinámicas y profesionales, enfocado a soluciones empresariales modernas.
Desarrollo Fullstack MEVN
Curso intensivo de Desarrollo Fullstack MEVN: domine MongoDB, Express, Vue.js, y Node.js para crear aplicaciones poderosas y escalables.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc