11 módulos47 lecciones~10h 38min
Vue desde Cero
Reactividad, componentes, Composition API, Pinia y Vue Router, con un proyecto final que construye un panel de inventario contra un servicio real del ecosistema de microservicios.
Temario del curso
1
Fundamentos de Vue
0 / 4 lecciones
1
El problema que resuelve un framework reactivo4 min
2
Qué es Vue: reactividad, Virtual DOM y Single File Components6 min
3
Instalación con Vite (Windows, macOS, Linux)16 min
4
Tu primer componente y la estructura del proyecto9 min
2
Reactividad y plantillas
0 / 5 lecciones
1
Interpolación y expresiones en el template17 min
2
ref() vs reactive(): el modelo mental real de la reactividad14 min
3
Directivas: v-bind, v-if/v-show y v-for con key11 min
4
Eventos con v-on11 min
5
Práctica: contador y lista dinámica11 min
3
Componentes
0 / 5 lecciones
1
Anatomía de un Single File Component (.vue)10 min
2
Props: definición, validación y tipado13 min
3
Emits: comunicación de hijo a padre11 min
4
Slots: contenido por defecto, nombrados y con scope14 min
5
Práctica: tarjeta de producto reutilizable8 min
4
Composition API en profundidad
0 / 5 lecciones
1
script setup: qué compila Vue por debajo13 min
2
computed(): propiedades derivadas y su caché9 min
3
watch vs watchEffect: cuándo usar cada uno12 min
4
Lifecycle hooks: onMounted, onUnmounted y el resto8 min
5
Composables: extraer y reutilizar lógica reactiva12 min
5
Formularios
0 / 3 lecciones
1
v-model: qué hace realmente (azúcar sintáctico)12 min
2
v-model en distintos tipos de input11 min
3
Validación de formularios con Composition API14 min
6
Estado global con Pinia
0 / 4 lecciones
1
El problema del prop drilling y por qué Pinia reemplazó a Vuex15 min
2
State, getters y actions13 min
3
Composición de stores14 min
4
DevTools y persistencia del estado11 min
7
Vue Router
0 / 4 lecciones
1
Rutas y navegación básica13 min
2
Params y query params13 min
3
Rutas anidadas y layouts11 min
4
Navigation guards (rutas protegidas) y lazy loading14 min
8
Consumo de APIs
0 / 4 lecciones
1
Fetch con Composition API25 min
2
Estados de carga y error8 min
3
Composable useFetch reutilizable11 min
4
CRUD real contra servicio-inventario12 min
9
Estilos, transiciones y TypeScript
0 / 4 lecciones
1
Scoped styles y Tailwind con Vue19 min
2
Transition y TransitionGroup9 min
3
TypeScript en props y emits11 min
4
Composables tipados14 min
10
Testing y buenas prácticas
0 / 4 lecciones
1
Vitest y Vue Test Utils18 min
2
Testing de componentes11 min
3
Errores comunes de reactividad19 min
4
computed vs métodos y code splitting15 min
11
Proyecto final: Panel de Inventario
0 / 5 lecciones
1
Arquitectura del proyecto: dónde entra Vue en el sistema26 min
2
Autenticación y rutas protegidas26 min
3
CRUD de productos con Pinia20 min
4
Dashboard con estado global22 min
5
Cierre: build y deploy22 min