Siguiente nivel
Enhorabuena. Has completado la sección de Vue de este curso. Partiste de cero — sin saber qué era un componente o qué significaba reactividad — y ahora eres capaz de construir una SPA completa con enrutamiento, llamadas a APIs y composables.
Lo que ya sabes hacer
Para un momento y mira todo lo que has aprendido:
- Crear proyectos Vue con Vite y entender la estructura de una aplicación moderna.
- Construir interfaces reactivas con
ref(),reactive()ycomputed(). - Crear componentes reutilizables con props y emits para dividir tu aplicación en piezas manejables.
- Manejar eventos y construir formularios con
v-modelpara capturar datos del usuario. - Renderizar listas dinámicas y UI condicional con
v-foryv-if. - Consumir APIs con
fetchy organizar la lógica en composables reutilizables. - Navegar entre páginas con Vue Router sin recargar el navegador.
- Construir una SPA completa desde cero, conectando todos los conceptos anteriores.
Esto no es poco. Con estas herramientas ya puedes crear aplicaciones web modernas, interactivas y bien organizadas. Has dado el salto de escribir HTML estático a construir interfaces dinámicas con un framework profesional.
Pero hay mucho más
Lo que has aprendido aquí son los cimientos de Vue. En el mundo profesional, las aplicaciones son más grandes y complejas. Hay herramientas y conceptos que no hemos tocado y que son fundamentales cuando trabajas en proyectos reales:
- Pinia: gestión de estado global para aplicaciones complejas donde los props no son suficientes.
- Server-Side Rendering (SSR) con Nuxt: renderizar Vue en el servidor para mejorar SEO y rendimiento.
- Testing con Vitest y Vue Test Utils: escribir tests automatizados para tus componentes y composables.
- TypeScript con Vue: tipar props, emits y composables para detectar errores antes de ejecutar el código.
- Routing avanzado: guards de navegación, lazy loading de rutas y rutas anidadas.
- Librerías de formularios: VeeValidate y FormKit para validaciones complejas sin reinventar la rueda.
- Librerías de animación: Motion y GSAP para crear transiciones y animaciones fluidas.
- Desarrollo fullstack: conectar Vue a un backend real con Laravel, autenticación, base de datos y despliegue.
Si quieres seguir avanzando con Vue y llevarlo al siguiente nivel, tengo dos cursos en vídeo que te van a ayudar:
Vue 3: Las bases
Para quienes quieren una experiencia guiada en vídeo cubriendo las bases de Vue 3 con explicaciones paso a paso y ejemplos prácticos. Ideal si prefieres aprender viendo y practicando a tu ritmo.
Ver curso de Vue 3Laravel con Vue e Inertia
El paso natural. Aprende a construir aplicaciones fullstack combinando Laravel como backend con Vue como frontend usando Inertia.js. Construye apps reales con autenticación, base de datos, APIs y despliegue.
Ver curso fullstackHas completado la sección de Vue. Ya sabes crear componentes, manejar reactividad, consumir APIs y construir aplicaciones completas con un framework moderno. Con HTML, CSS, Lógica de Programación, JavaScript, Git y Vue, tienes todos los cimientos del desarrollo web. Estás preparado para dar el siguiente paso hacia el desarrollo fullstack — y cada herramienta que has aprendido te acompaña en ese camino.