Curso de Vue 3 Avanzado y Nuxt

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.

Envíanos tu consulta

Nombre *

Email *

Teléfono *

Consulta

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

+1200

Empresas han confiado en nosotros

50k

Personas que hemos formado

años de liderazgo

¿Por qué elegir este curso?

Descripción del curso

¿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

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

¿Qué incluye el curso?

Contenido del curso

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

bonificar

Somos entidad organizadora de FUNDAE, por lo que todas nuestras formaciones para empresas se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible.

Instructores Profesionales

Nuestros cursos se imparten por los mejores profesionales

Los instructores de nuestros cursos pasan por un riguroso filtro de calidad en el que les ponemos a prueba para conseguir ofrecerte la mejor calidad de formación.

TESTIMONIOS

¿Qué dice la gente de nosotros?

“ Muy buen curso, lleno de detalles, bien explicado y bonifiqué el curso sin ningún problema. Seguiré formándome con ellos sin dudarlo. “

Asier Contreras

" Llevo ya dos cursos intensivos con ellos. La calidad del profesorado es incuestionable, así como su flexibilidad para adaptarse a las situaciones cambiantes. Seguimos contando con ellos para siguientes formaciones, preparando ya la tercera tanda de profesionales formados con calidad. "

Carlos Mira

“ Llevo 4 años haciendo cursos con vosotros. La verdad es que la tutorización es inmejorable, se nota que las convocatorias son limitadas, siempre que he tenido cualquier duda la han resuelto muy rápido. “

Fran Saez

Curso de Vue 3 Avanzado y Nuxt