Taller Vue 3 Profesional

¿Por qué es necesario?

El taller Vue 3 Moderno está pensado para desarrolladores que ya tienen conocimientos básicos de Vue.js y quieren actualizarse, aprendiendo a usar las herramientas y prácticas más recientes del ecosistema Vue. Exploraremos desde los fundamentos de Vue 3 hasta características más avanzadas, siempre con ejemplos prácticos y claros.

El Taller

En este taller, trabajaremos juntos para construir una aplicación moderna con Vue 3. Aprenderás cómo organizar tus proyectos, usar herramientas actuales como Vite, manejar rutas y estado de manera eficiente, optimizar el rendimiento, integrar TypeScript y escribir pruebas básicas para tus componentes. Todo esto se hará de forma práctica, paso a paso, con apoyo constante.

¿Qué aprenderás?

• Cómo configurar un entorno moderno para tus proyectos Vue.
• Uso práctico del Composition API para escribir código más claro y reutilizable.
• Gestión de rutas dinámicas y nested routes con Vue Router.
• Introducción a la gestión de estado con Pinia, el nuevo estándar.
• Integración de TypeScript en aplicaciones Vue.
• Escribir pruebas básicas para componentes Vue.
• Optimización del rendimiento y despliegue en producción.
• Buenas prácticas y patrones para proyectos reales.

Metodología

El taller combina teoría y práctica para que, mientras aprendes, apliques los conceptos a un proyecto guiado que iremos desarrollando juntos. También habrá espacio para resolver dudas y compartir consejos.

Características

• Duración de 4 a 5 horas, con un intervalo de descanso de 20 minutos incluido.
• Horario aproximado: los sábados de 9 a 13~14 horas CET.
• Enfoque práctico al 100%. La teoría se aborda de manera concurrente con la práctica.
• Grupo reducido para garantizar una atención personalizada y de calidad.
• Se dedicará tiempo tanto durante como al final del taller para responder preguntas y aclarar dudas.
• Se proporcionará acceso a la grabación y al material del taller para una revisión posterior y un aprendizaje continuo.

Programa

1. Introducción y Configuración Moderna
   • ¿Por qué Vue 3?
   • Configuración de tu entorno con Vite.
   • Organización básica del proyecto.
   • Options API.
2. Fundamentos del Composition API
   • Cómo pensar en Composition API.
   • Comparación con Options API para entender su valor.
   • Escritura de composables reutilizables.
3. Navegación en Aplicaciones Vue
   • Introducción al Vue Router.
   • Creación de rutas básicas y dinámicas.
   • Uso práctico de rutas anidadas.
4. Gestión del Estado Simplificada
   • ¿Qué es Pinia y por qué usarlo?
   • Creación y uso de stores.
   • Actualización y sincronización del estado.
5. Introducción a TypeScript con Vue
   • Ventajas de usar TypeScript en Vue.
   • Tipado básico en componentes.
   • Uso de interfaces y tipos en props y estados.
   • Configuración mínima para empezar con TypeScript.
6. Testing de Componentes
   • ¿Por qué es importante probar tus componentes?
   • Configuración básica con Vitest y Vue Test Utils.
   • Escribir y ejecutar pruebas unitarias para componentes Vue.
   • Introducción a pruebas de integración.
7. Optimización Básica
   • Cómo mejorar el rendimiento con las herramientas de Vue.
   • División de código para proyectos más rápidos.
   • Buenas prácticas para evitar errores comunes.
8. Preparación para Producción
   • Construcción y despliegue de la aplicación.
   • Consejos para manejar errores y monitorear tu aplicación.

¿Es para mí?

Este taller es ideal para:

• Desarrolladores con conocimientos básicos o intermedios en Vue.js.
• Aquellos que desean modernizar sus proyectos o aprender las prácticas actuales.
• Profesionales que quieren profundizar en Vue 3 con ejemplos prácticos.

Requisitos

• Conocimiento básico de JavaScript y Vue.js.
• Tener Node.js instalado en tu computadora.
• Familiaridad con algún editor de código (VSCode recomendado).
• Interés en aprender y mejorar.