0Pricing
Vue Academy icon

Vue Academy

HTMLFrontendWebBeginner

Crea interfaces de usuario interactivas y eficientes con Vue.js a través de Vue Academy.

🤖 Impulsado por IA📚 42 cursos👥 100.000+ estudiantes⭐ Calificación 4,9
Descripción general del curso

Vue.js: El Framework Progresivo para Construir UIs Reales

Vue.js es el framework JavaScript progresivo diseñado para construir interfaces de usuario orientadas a componentes — desde un widget interactivo individual incrustado en una página existente hasta una aplicación completamente renderizada en el servidor con Nuxt. Su Composition API, sistema de reactividad de grano fino y soporte de primera clase para TypeScript lo convierten en una opción práctica tanto para proyectos nuevos como para equipos migrando desde frontends antiguos. Este track cubre Vue 3 de principio a fin, desde la sintaxis de plantillas hasta el despliegue en producción.

Qué Aprenderás

Trabajarás con la Composition API y la sintaxis script setup, directivas de Vue, propiedades computadas y fundamentos de reactividad. El track cubre comunicación entre componentes, slots, provide/inject y composables para lógica compartida. Gestionarás el estado de la aplicación tanto con Pinia como con Vuex, manejarás enrutamiento con Vue Router incluyendo patrones avanzados, validarás formularios y consumirás APIs REST junto con datos en tiempo real vía WebSockets. Los cursos posteriores abordan integración de TypeScript, internacionalización, Storybook, testing con Vitest, optimización de rendimiento, renderizado en el servidor con Nuxt 3, GraphQL con Apollo, Progressive Web Apps y prácticas de seguridad en Vue.

La Ruta de Aprendizaje

Cuarenta y dos cursos abarcan desde A1 hasta C1. Los cursos A1 y A2 establecen Vue CLI, sintaxis de plantillas, data binding, directivas, formularios y conceptos básicos de componentes. Los cursos B1 expanden todo el ecosistema: lifecycle hooks, transiciones, Pinia, Vuex, Vue Router, TypeScript, i18n y datos asíncronos. B2 eleva el nivel con renderizado en el servidor vía Nuxt 3, GraphQL, WebSockets, testing de componentes, render functions, soporte PWA y publicación de una librería de componentes. Los cursos capstone C1 abordan arquitectura de micro-frontends, patrones avanzados de Composition API, SSR streaming con Suspense, Vue performance a escala y una aplicación full-stack construida con Fastify y autenticación.

Cómo Funciona

Cada curso se divide en lecciones cortas y enfocadas que completas en el editor de código integrado con retroalimentación en tiempo real. Un tutor IA está disponible cuando te atasques, para que puedas avanzar a través de ejercicios de sintaxis, desafíos de componentes y problemas de arquitectura a tu propio ritmo sin salir de la app.

Comienza a aprender →

Cómo Aprenderás

🎯
Lecciones Interactivas
Ejercicios de codificación prácticos con retroalimentación en tiempo real
🤖
Tutor de IA
Obtén ayuda instantánea de nuestro IA cuando te atasques
💻
Editor Integrado
Escribe y ejecuta código directamente en tu navegador
🏆
Certificado
Obtén un certificado al completar el curso
Plan de Estudios

42 Cursos

Todos los cursos en la ruta de aprendizaje Vue Academy.

01

Introducción a Vue.js

A13 lecciones

Comience con Vue.js: comprenda qué es, configure su entorno y cree su primera aplicación reactiva.

02

Comprender Vue CLI y la estructura de proyectos

A13 leccionesPRO

Aprenda a crear la estructura inicial de proyectos Vue con CLI y comprenda la estructura de archivos y las herramientas generadas.

03

Sintaxis de plantillas y vinculación de datos

A13 leccionesPRO

Domine la sintaxis declarativa de plantillas de Vue: interpolación, directivas, condicionales, bucles y vinculaciones.

04

Fundamentos de la Composition API de Vue 3

A24 leccionesPRO

Pase de Options API a la Composition API de Vue 3 con setup(), ref y reactive para desarrollar con Vue de forma moderna.

05

Sintaxis de Script Setup de Vue 3

A24 leccionesPRO

Escriba componentes más limpios y ergonómicos con la sintaxis simplificada de Vue 3.

06

Inmersión profunda en las directivas de Vue

A24 leccionesPRO

Domine todas las directivas integradas de Vue y aprenda a escribir sus propias directivas personalizadas.

07

Formularios y validación en Vue

A24 leccionesPRO

Cree formularios sólidos con v-model, validación nativa y la biblioteca VeeValidate.

08

Fundamentos y comunicación entre componentes

A23 leccionesPRO

Cree componentes Vue reutilizables y conéctelos mediante props, eventos personalizados y slots.

09

Reactividad y propiedades calculadas

A23 leccionesPRO

Comprenda el sistema de reactividad de Vue y utilice eficazmente las propiedades calculadas y los watchers.

10

Ciclo de vida de los componentes de Vue

B14 leccionesPRO

Domine los hooks del ciclo de vida de los componentes de Vue 3 y comprenda cuándo se ejecuta cada fase.

11

Transiciones y animaciones en Vue

B14 leccionesPRO

Añada transiciones de entrada y salida fluidas y animaciones de listas con y de Vue.

12

Slots avanzados de Vue

B14 leccionesPRO

Domine los slots con nombre, los slots con ámbito y el contenido dinámico de slots para crear API de componentes altamente reutilizables.

13

Provide e Inject

B14 leccionesPRO

Comparta datos entre componentes profundamente anidados sin prop drilling mediante el mecanismo provide/inject de Vue.

14

Composables de Vue 3

B14 leccionesPRO

Escriba lógica con estado reutilizable mediante composables, el principal patrón de reutilización de código en Vue 3.

15

Gestión de errores en Vue

B14 leccionesPRO

Cree aplicaciones Vue resistentes con límites de error adecuados, interfaces de respaldo y gestión global de errores.

16

Gestión de estado con Pinia

B14 leccionesPRO

Sustituya Vuex por Pinia, la biblioteca oficial de gestión de estado de Vue 3, más sencilla y orientada a TypeScript.

17

TypeScript con Vue 3

B14 leccionesPRO

Escriba componentes de Vue 3 totalmente seguros en cuanto a tipos, con props, emits y composables tipados mediante TypeScript.

18

Internacionalización de Vue (i18n)

B14 leccionesPRO

Cree aplicaciones Vue multilingües con vue-i18n v9, cambio de idioma y pluralización adecuada.

19

Integración de Vue con Storybook

B14 leccionesPRO

Documente y desarrolle componentes Vue de forma aislada con Storybook, escribiendo stories y controles interactivos.

20

Enrutamiento con Vue Router

B13 leccionesPRO

Añada navegación del lado del cliente a aplicaciones Vue con Vue Router: rutas, parámetros y guards de navegación.

21

Gestión de estado con Vuex

B13 leccionesPRO

Gestione el estado compartido de la aplicación con Vuex: state, mutations, actions, getters y modules.

22

Gestión de API y datos asíncronos

B13 leccionesPRO

Obtenga y gestione datos remotos en aplicaciones Vue con Axios, hooks del ciclo de vida y una gestión sólida de errores.

23

Despliegue y mantenimiento de aplicaciones Vue

B13 leccionesPRO

Cree, despliegue y mantenga aplicaciones Vue en producción mediante plataformas de hosting y monitorización.

24

Ecosistema de Vue y lo que viene

B14 leccionesPRO

Explore las herramientas más avanzadas de Vue, el modo Vapor y los patrones emergentes que están definiendo el futuro del desarrollo con Vu…

25

Patrones avanzados de Vue Router

B24 leccionesPRO

Domine las funciones avanzadas de Vue Router: metadatos de rutas, comportamiento de desplazamiento, transiciones y navegación programática.

26

Renderizado del lado del servidor con Nuxt 3

B24 leccionesPRO

Cree aplicaciones Vue full-stack con el enrutamiento basado en archivos, las rutas de servidor y las capacidades SSR/SSG de Nuxt 3.

27

Vue con GraphQL y Apollo

B24 leccionesPRO

Integre GraphQL en aplicaciones Vue mediante Apollo Client para consultas, mutaciones y suscripciones en tiempo real.

28

Aplicaciones en tiempo real con Vue y WebSockets

B24 leccionesPRO

Cree aplicaciones Vue que se actualicen en tiempo real mediante WebSockets y Socket.io para chats, paneles y colaboración.

29

Pruebas de componentes con Vitest

B24 leccionesPRO

Pruebe componentes Vue de forma confiable con Vitest y Vue Test Utils, usando mocks y generación de informes de cobertura.

30

Optimización del rendimiento en Vue

B23 leccionesPRO

Acelere las aplicaciones Vue mediante carga diferida, división de código, memoización y análisis de cuellos de botella.

31

Pruebas de aplicaciones Vue

B23 leccionesPRO

Pruebe aplicaciones Vue con pruebas unitarias mediante Vue Test Utils y pruebas end-to-end para lograr una cobertura completa.

32

Patrones avanzados y buenas prácticas

B23 leccionesPRO

Aplique patrones avanzados de Vue: mixins, directivas personalizadas, plugins y una organización de proyectos escalable.

33

Funciones de renderizado y JSX en Vue

B24 leccionesPRO

Vaya más allá de las plantillas con la función de renderizado h() de Vue y JSX para crear componentes dinámicos mediante código.

34

Aplicaciones web progresivas con Vue

B24 leccionesPRO

Transforme aplicaciones Vue en PWA con compatibilidad sin conexión, service workers e instalación similar a la nativa.

35

Buenas prácticas de seguridad en Vue

B24 leccionesPRO

Proteja las aplicaciones Vue frente a XSS, CSRF y otras vulnerabilidades web con patrones prácticos de defensa.

36

Publicación de bibliotecas de componentes Vue

B24 leccionesPRO

Cree, documente y publique bibliotecas reutilizables de componentes Vue en npm mediante el modo de biblioteca de Vite.

37

Desarrollo de plugins para Vue 3

B24 leccionesPRO

Cree plugins de Vue instalables que añadan componentes globales, directivas, composables y configuración para toda la aplicación.

38

Microfrontends con Vue

C14 leccionesPRO

Diseñe aplicaciones Vue a gran escala como microfrontends independientes mediante Module Federation.

39

Patrones avanzados de la Composition API

C14 leccionesPRO

Domine patrones avanzados de reactividad, máquinas de estados y fábricas de composables para aplicaciones Vue complejas.

40

Rendimiento avanzado en Vue

C14 leccionesPRO

Analice y optimice el rendimiento de aplicaciones Vue con v-memo, carga diferida y ajustes del sistema reactivo.

41

Streaming SSR y Suspense en Vue

C14 leccionesPRO

Implemente SSR mediante streaming y Vue Suspense para cargar las páginas progresivamente y mejorar los Core Web Vitals.

42

Vue full-stack con Fastify y autenticación

C14 leccionesPRO

Cree una aplicación full-stack lista para producción con frontend en Vue 3, backend en Fastify y autenticación JWT.

Preguntas frecuentes

Preguntas frecuentes

¿Es gratuito el curso Vue Academy?

Sí. Puedes empezar el curso Vue Academy gratis y completar sus lecciones interactivas sin costo alguno. Una suscripción opcional a PRO desbloquea herramientas avanzadas de IA y un certificado compartible.

¿Necesito experiencia previa para aprender HTML?

No. El curso comienza con los fundamentos y avanza gradualmente hacia temas más avanzados, así que puedes empezar incluso sin experiencia previa en HTML.

¿Cómo aprenderé HTML en CoddyKit?

Aprendes haciendo. Las lecciones interactivas cortas combinan una explicación clara con un ejercicio de codificación práctico que se ejecuta en tiempo real, y un tutor de IA disponible 24/7 te da ayuda personalizada siempre que te atasques.

¿Obtengo un certificado al completar Vue Academy?

Sí. Los aprendices PRO pueden hacer un examen y obtener un certificado compartible de finalización con un código verificable para el curso Vue Academy.

¿Puedo aprender HTML en mi teléfono?

Sí. CoddyKit está disponible en la web y como aplicaciones nativas para iOS y Android, así que puedes aprender HTML en cualquier dispositivo y tu progreso se sincroniza entre ellos.

Comienza Vue Academy Ahora

Únete a miles de estudiantes dominando programación con lecciones impulsadas por IA.

Empezar Gratis →Ver Todos los Cursos