Roadmap para aprender VueJS desde 0 y en español

Última actualización:

¡Bienvenido al mundo Vue!

Vue o VueJS es una librería para Javascript para crear páginas web. Si has usado Angular o React seguramente muchas cosas te suenen porque hay conceptos similares como componentes, reactividad, enrutado, etc.

Si estás empezando no te preocupes porque he creado este artículo de Introducción a VueJS en el que vemos a vista de pájaro las cosas que puede ofrecer esta librería.

De todas formas, si eres nuevo en el desarrollo web te recomiendo que antes te pases por la sección Frontend y que sobre todo aprendas bien a usar HTML CSS y Javascript.

Lo primero que tienes que hacer es saber usar la Instalación de Vue usando el programa para terminal de Vue CLI.

A continuación es esencial conocer la Estructura de carpetas de un proyecto Vue y saber crear Componentes de Vue.

Sobre la lógica de los componentes, deverías empezar por la creación de las Variables de Vue y de los Métodos de Vue para poder crear elementos reutilizables dentro del componente. Si ya conoces estos términos puedes pasar a crear Computadas de Vue, aunque al principio sean liosas, sobre todo so no sabes las Diferencias entre computadas y métodos en Vue.

Todo el Sistema de vistas de Vue lo tienes recopilado en ese artículo, en el que aprenderás a pintar datos en pantalla, hacer Bucles v-for en Vue, Condicionales v-if en Vue, etc.

He escrito también un ejemplo práctico sobre una web Todo app en Vue que te servirá para poner en práctica tus conocimientos aprendidos hasta ahora, aunque antes recomiendo pasarse por el Ciclo de vida de Vue.

Como en otras librerías, Vue también tiene El router de Vue y las Props en Vue muy útiles para poder configurar componentes y para comunicarse unos con otros con los Eventos entre componentes en Vue.

Gracias al Uso de axios en Vue aprendemos también a Crear un sistema de login en Vue usando una API.

Es esencial también el artículo que habla de Escuchar eventos nativos en Vue y también el de los Slots de Vue para poder insertar contenido dinámico desde un componente padre a uno hijo.

Por último, he escrito también sobre estas cosas algo más avanzadas de Vue, por si te interesa también:

Artículos que mencionan a este: