Vue es un framework versátil empleado en la creación de sitios web de tipo SPA; es una tecnología modular, basada en componentes donde un componente puede verse como una pequeña pieza de código y podemos agrupar componentes para crear componentes más complejos.
Vue es un framework pequeño, simple y liviano si lo comparamos con otros frameworks como React o Angular, pero su simpleza nos da ventanas como:
- Curva de aprendizaje menos elevada que la de su competencia.
- El framework es de un menor tamaño que el de la competencia (unos 470 KB y 18 KB minificados).
- Es un framework versátil lo que significa que puede ser empleado junto con otras soluciones como typescript.
- Es un framework reactivo, lo que significa que cuando se actualiza su modelo de datos se actualiza la vista y viceversa.
- Vue es un framework progresivo, lo que significa que podemos extenderlo mediante otros plugins como Vuex, Router, Testing entre otros soportados de manera oficial.
Este libro es mayoritariamente práctico, iremos conociendo los fundamentos de Vue, conociendo sus características principales en base a una pequeña aplicación que iremos expandiendo capitulo tras capitulo.
Si estás buscando un libro Vue JS 3 que te permita aprender el framework desde cero —pero con la mirada práctica de quien ya ha creado aplicaciones reales—, esta guía es para ti.
Llevo más de una década desarrollando aplicaciones web y, sinceramente, pocas tecnologías me han dado una experiencia tan balanceada entre simplicidad y poder como Vue. Cuando lo usé por primera vez, me sorprendió lo rápido que podía montar un componente funcional sin pelear con configuraciones interminables.
A lo largo de este artículo vas a entender qué necesitas antes de comenzar, qué aprender, cómo estructurar tus primeros proyectos, y cómo reconocer un libro de Vue 3 realmente bueno.
Requisitos
No necesitas ser experto, pero sí es importante conocer variables, funciones, arreglos, objetos y manejo básico del DOM. Justo el tipo de fundamentos que repaso al inicio de mis proyectos personales para mantener todo claro.
- Herramientas recomendadas (Node, Vite, VSCode)
- Node.js para manejar dependencias.
- Vite para crear proyectos modernos de forma rápida (aunque Vue CLI sigue siendo útil).
- VSCode con extensiones como Volar para una mejor experiencia.
- Primeros pasos para preparar tu entorno
- Instalar Node.
- Crear un proyecto con npm create vite@latest.
- Instalar dependencias con npm install.
- En mis propios desarrollos, suelo preferir Vite por la velocidad de recarga y el soporte más moderno.
Sobre el libro
Esta guía tiene la finalidad de dar los primeros pasos con Vue 3 empleando JavaScript; con esto, vamos a plantear dos cosas:
- No es un libro que tenga por objetivo conocer al 100% Vue en su versión 3, o de cero a experto, ya que, sería un objetivo demasiado grande para el alcance de esta guía, si no, conocer que nos ofrece y crear las primeras aplicaciones web con Vue, conocer el uso de los componentes, hooks entre otras funcionalidades del framework.
- Se da por hecho de que el lector tiene conocimientos al menos básicos en JavaScript, HTML y CSS.
Este libro tiene un enfoque práctico, conociendo los aspectos claves de la tecnología y pasando a la práctica, implementando de a poco pequeñas características de una aplicación que tiene alcance real.
Temario del libro
Este libro consta de 5 capítulos, con los cuales conoceremos en detalle las características más importantes y básicas de Vue en su versión 3:
- Capítulo 1: En este capítulo vamos a conocer las características básicas de Vue como sus principales características, modos de instalación y creación de proyectos, realizaremos un hola mundo para presentar las principales características del framework web.
- Capítulo 2: En este capítulo vamos a conocer los 3 bloques de Vue, bloque de script, template y estilo, además de crear pequeños ejemplos para ir presentando las principales características de Vue.
- Capítulo 3: En este capítulo vamos a crear nuestro primer proyecto tipo CRUD empleando Vue y una Rest Api tipo CRUD existente; es decir, una Api Rest con un alcance limitado junto con Oruga UI como framework web del lado del cliente basado en componentes.
- Capítulo 4: En este capítulo vamos a crear otra aplicación en Vue tipo CRUD empleando Naive UI en lugar de Oruga UI como framework web basado en componentes.
- Capítulo 5: En este capítulo vamos a crear una aplicación con Pinia y aprender a emplear este manejador de estado y entender sus componentes que son el store, state, actions y getters.
Este libro actualmente se encuentra en desarrollo y tendrá más capítulos tanto al final como en capítulos intermedios; el libro cuenta con dos capítulos tomados de otros libros (Laravel y Django) que fueron adaptados para este libro.
Acepto recibir anuncios de interes sobre este Blog.
Aprende Vue.js 3 desde cero con esta guía práctica y completa. Domina el desarrollo de SPA, componentes y gestión de estado con Pinia, construyendo aplicaciones reales. Ideal para dominar este framework JavaScript ligero y potente.
Algunas recomendaciones:
Benjamin Huizar Barajas
Laravel Legacy - Ya había tomado este curso pero era cuando estaba la versión 7 u 8. Ahora con la ac...
Andrés Rolán Torres
Laravel Legacy - Cumple de sobras con su propósito. Se nota el grandísimo esfuerzo puesto en este cu...
Cristian Semeria Cortes
Laravel Legacy - El curso la verdad esta muy bueno, por error compre este cuando ya estaba la versi...
Bryan Montes
Laravel Legacy - Hasta el momento el profesor es muy claro en cuanto al proceso de enseñanza y se pu...
José Nephtali Frías Cortés
Fllask 3 - Hasta el momento, están muy claras las expectativas del curso