Curso Vue 3 Avanzado y Nuxt Online y a Medida para Empresas

Curso Vue 3 Avanzado y Nuxt

Disponible en modalidad:

En Directo

Aula Virtual Personalizada

Online

En Directo

A Medida

Aprende a desarrollar aplicaciones Vue aprovechando los beneficios de NuxtJS, además de aprender a gestionar el estado de la aplicación con Pinia y redactar tests con Jest y Cypress.

El curso de Vue 3 Avanzado y Nuxt es una oportunidad única para expandir tus conocimientos sobre el desarrollo web utilizando el framework Vue.js y la poderosa herramienta Nuxt.js. En este curso, explorarás los conceptos más avanzados de Vue 3 y aprenderás a utilizar las características más sofisticadas de Nuxt para crear aplicaciones web escalables y de alto rendimiento.

Envíanos tu consulta

Términos y condiciones *Acepto los términos y condiciones.

+2500

Empresas han confiado en nosotros

51,5k

Personas que hemos formado

años de liderazgo

Aprende Vue 3 Avanzado y Nuxt: Curso completo

¿A quién va dirigido?

Desarrolladores web con experiencia en Vue 3 que quieran facilitar el proceso de desarrollo de Vue aprovechando los beneficios de NuxtJS, además de aprender a gestionar el estado de la aplicación con Pinia y redactar tests con Jest y Cypress.

Objetivos

Aprender a crear aplicaciones Vue con Vite, además de introducirse en Nuxt para sistemas SSG/SSR

Aprender a desarrollar y validar formularios con Vee-Validate en proyectos Vue 3, además de configurar e implementar Pinia como solución para gestión de estado

Aprender a desarrollar baterías de tests unitarios y de integración completos con Jest en proyectos Vue 3

Aprender a configurar e implementar tests e2e con Cypress y automatizar su ejecución y análisis con el Cypress Dashboard

Aprender técnicas de inyección, patrones, comunicación asíncrona entre componentes, mejora de la performance y resolver los problemas más comunes en proyectos Vue 3

Requisitos

Conocimientos previos en JavaScript (ES6 o superior), Typescript, HTML y CSS, además de experiencia desarrollando y desplegando aplicaciones Vue 3

Se recomienda haber realizado previamente proyectos Vue con Pinia y Vuex, además de tests unitarios en Typesript con Jest

Tener instalados previamente en el equipo: Node LTS, NPM, Visual Studio Code, Git y Docker Desktop

Disponer de un equipo con acceso a un usuario con permisos suficientes de instalación de software

Cursos Online

Formación a través de nuestro campus virtual

Bonificable hasta el 100% a través de FUNDAE

Horario Flexible, para que puedas compaginarlo

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

Acceso multiplataforma, desde PC y móviles

100% tutorizado por un formador experto

Diploma de aprovechamiento

Aula Virtual Personalizada

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

Bonificable hasta el 100%, a través de FUNDAE.

Planificación a medida

100% práctico con proyectos evolutivos

Temario adaptado a vuestras necesidades

100% tutorizado con feedback inmediato

Diploma de aprovechamiento

Ventajas Aulas Virtuales Personalizadas

Campus virtual

Con acceso ilimitado a los contenidos

Bonificable hasta el 100% a través de FUNDAE

Con acceso ilimitado a los contenidos

Horario flexible

Realiza la formación a tu ritmo, sin horarios y con aprendizaje asíncrono.

Formación tutorizada al 100%

Un docente experto resolverá todas tus dudas durante la formación.

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

Cada tema incluye una parte teórica, una parte práctica y vídeos guiados

Acceso Multiplataforma

Accede desde cualquier dispositivo, desde cualquier lugar y sin restricciones

Temario de Vue 3 Avanzado y Nuxt

1.1. ¿Qué es la velocidad y por qué es importante el rendimiento de nuestras aplicaciones web?
1.2. ¿Cuál es la velocidad de builds de Vue 3 comparado con otras soluciones del mercado?
1.3. ¿Cuál es el tamaño medio de las builds de Vue 3 comparado con otras soluciones del mercado?
1.4. ¿Cuál es la velocidad media de scripting, renderizado y pintado de aplicaciones Vue 3?
1.5. El valor de la velocidad en las métricas de negocio y sus implicaciones
1.6. ¿Cómo el rendimiento afecta en la conversión?
1.7. Problemas de rendimiento más comunes en proyectos Vue 3
1.8. ¿Cómo medir el rendimiento y saber si existen problemas en nuesros proyectos Vue 3?
1.9. ¿Qué soluciones podemos llevar a cabo para garantziar velocidad?
1.10. Introducción a PageSpeed Insights
1.11. Introducción a WebPageTest
1.12. Configuración de Chrome Devtools para obtener un panel de performance
1.13. Análisis de rendimiento a través de la extensión de Vue DevTools
1.14. Introducción a LightHouse CI
1.15. Introducción al uso de Web Vitals
1.16. Introducción al concepto de LCP (Largest Contentful Paint) y cómo optimizar
1.17. Introducción al conpecto de CLS (Cumulative Layout Shift) y cómo optimizar
1.18. Introducción al concepto de FID (First Input Delay) y cómo optimizar
1.19. Introducción al concepto de carga perezosa
1.20. La implicación del ciclo de vida de los componentes de Vue 3 en el rendimiento de la aplicación
1.21. Carga perezosa de componentes y rutas en Vue 3
1.22. Trabajando con la caché
1.23. Evitando Deep Object Watchers en Vue 3
1.24. Haciendo uso restringido de Object.Freeze en Vue 3
1.25. IntersectionObserver
1.26. Evitendo getters funcionales en Vue 3
1.27. Introducción a la optimización de imágenes y vídeo en proyectos Vue 3
1.28. Carga perezosa de imágenes y vídeo
1.29. ¿Cómo escoger la compresión adecuada de imágenes?
1.30. Herramientas para compresión de imágenes
1.31. Uso de imágenes WebP
1.32. Principales problemas de rendimiento en el uso de GIFs
1.33. ¿Cómo servir imágenes responsive y con dimensiones correctas?
1.34. Optimización de tareas de alta duración
1.35. Optimización a la hora de priorizar recursos y precarga de éstos
1.36. Precarga de assets críticos de nuestro proyecto
1.37. Optimización según calidad de red del usuario
1.38. Precarga de recursos para navegaciones futuras del usuario
1.39. Introducción a la optimización de CSS
1.40. Minificación de CSS y extracción de CSS críticos
1.41. Optimización de recursos de terceros en proyectos Vue 3
1.42. Introducción a la optimización de fuentes
1.43. Optimización de fuentes durante la carga y renderizado
1.44. ¿Cómo informar acerca de las métricas y evangelizar una cultura de rendimiento?

3.1. Introducción a los tests unitarios y de integración
3.2. ¿Qué es el coverage de un proyecto y por qué es importante?
3.3. Introducción a Jest
3.4. Instalación de Jest en un proyecto Vue y configuración esencial con Vue Cli
3.5. Instalación de Jest en un proyecto Vue y configuración esencial con Vite
3.6. Estableciendo nuestros primeros archivos de tests en el proyecto Vue
3.7. Configurando Jest para que obvie carpetas y archivos
3.8. Escribiendo tu primer test de Jest en un proyecto Vue
3.9. Modificando el script de ejecución de Jest para obtener el coverage del proyecto
3.10. Habilitando Jest en modo Watch
3.11. Habilitando Jest en Modo No Cache
3.12. Otras flags y opciones de configuración en la ejecución de jest
3.13. Escribiendo tests para componentes de Vue 3
3.14. Entendiendo la API de librería de tests de Vue 3
3.15. Creación de pruebas para componentes con la librería de tests de Vue 3
3.16. Trabajando con la instancia de Vue 3
3.17. Montando un componente, plantillas y funciones render
3.18. ¿Qué debemos probar en un componente?
3.19. Redactando pruebas para props de componentes
3.20. Redactando pruebas para renderizados condicionales
3.21. Búsqueda de elementos en un componente
3.22. Redactando pruebas para acciones de usuario
3.23. Redactando pruebas para acceder a atributos del DOM en un componente
3.24. Encontrando todos los elementos de un componente
3.25. Redactando pruebas para componentes anidados
3.26. Redactando pruebas de estilos en componentes accediendo al atributo style
3.27. Redactando pruebas para probar funciones públicas y privadas de un componente
3.28. Usando fake timers para probar funciones que usen intervalos o timeouts
3.29. Haciendo uso de Spies y Mocks de Jest para pruebas de integración
3.30. Mocking de la instancia de Vue y propiedades de componentes
3.31. Mocking para peticiones http de Axios
3.32. Redactando pruebas para el ciclo de vida de un componente
3.33. Redactando pruebas para mocking de dependencias de módulo
3.34. Redactando pruebas para eventos nativos del DOM y de Vue
3.35. Redactando pruebas para emisión de eventos por parte de un componente
3.36. Redactando pruebas para el estado de la aplicación con Pinia
3.37. Redactando pruebas para el sistema de enrutado de Vue 3
3.38. Redactando pruebas para mixins y filters de Vue 3
3.39. Añadiendo Snapshot tests para componentes estaticos y dinámicos
3.40. Aprendiendo a saber qué no probar

Nuestros cursos

Formación personalizada

Si quieres formar a un grupo de trabajadores, te recomendamos nuestra modalidad Aula Virtual Personalizada. Adaptamos los contenidos en base a vuestras necesidades, desarrollamos proyectos evolutivos durante las sesiones y tenemos muy en cuenta vuestra disponibilidad a la hora de planificar la formación. Puedes complementar tu formación con nuestro servicio de Plataforma de Grabaciones, grabamos las sesiones para que podáis utilizarlas como material de consulta post-formación e incluimos una certificación por alumno

100% tutorizado con feedback inmediato

Temario a medida de vuestras necesidades

Acceso multiplataforma desde PC o móviles

Grupos reducidos en las formaciones

Bonificable a través de FUNDAE hasta el 100%

Videoconferencia a tiempo real por Zoom

Distribución sesiones según disponibilidad

Diploma de aprovechamiento

Aulas Virtuales Personalizadas

¿Quieres formar a un grupo de trabajadores con un temario a medida? ¡Esta es tu modalidad! Desarrollamos los contenidos y proyectos a medida, planificamos las sesiones teniendo en cuenta vuestra disponibilidad.. Con nuestro servicio de Plataforma Grabaciones, tendréis acceso a las sesiones grabadas, para que podáis revisitarlas post-formación. Las formaciones se imparten en directo, a través de Zoom, dirigidas por un docente experto.

Cita técnica con nuestro CTO

Envío del Presupuesto

Aceptación y Reserva de fechas

Propuesta de temario

Cita para validar el temario

Cita de presentación del formador

Testimonios de Nuestros Clientes

Jose Antonio Muñoz

CATEGORÍAS

“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.”

Nombre Apellido

Empresa - Localidad

Rafael Romero

CATEGORÍAS

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

Nombre Apellido

Empresa - Localidad

¿Por qué imagina?

En Imagina hemos formado a más de 2.500 empresas, en los últimos 13 años, lo que se traduce en más de 51.500 profesionales Somos líderes en el área de la transferencia tecnológica, gracias a la confianza de nuestros clientes. Ofrecemos diferentes modalidades de formación, para adaptarnos a las necesidades de nuestros clientes, pudiendo escoger entre formaciones con horarios flexibles o en directo a medida. Todas nuestras formaciones están 100% tutorizadas y se pueden bonificar hasta el 100% a través de FUNDAE, sujeto a vuestro crédito disponible.

Formación de Vue 3 Avanzado y Nuxt Bonificada para Empresas

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.

Todos los cursos están tutorizados

Las empresas pueden solicitar cursos gracias a los créditos que dispongan

El crédito acumulado se puede utilizar durante todo el año

Contáctanos

Solicita la información que necesites

Facilítanos tus datos y uno de nuestros asesores se pondrá en contacto contigo, para informarte sobre el curso que mejor se adapta a tus necesidades. Todas nuestras formaciones se pueden bonificar hasta el 100%, a través de FUNDAE, sujeto a realizar la formación a través de la empresa y a tener crédito disponible. Tenemos diferentes modalidades de formación; Online o Aula Virtual Personalizada, a medida

Nombre *

Email *

Teléfono *

Consulta

Términos y condiciones *Acepto los términos y condiciones.