Introducción
  • Presentación al curso Vue - Vuex - VueRouter - Firebase
¡Importante! por favor ver este video :)
  • Actualización del curso de Vue 2 a Vue 3
Fundamentos de Javascript (sección opcional)
  • Introducción a Fundamentos de Javascript
  • Var vs Let vs Const
  • Funciones de Flecha (Arrow Functions)
  • Template String
  • Objetos
  • Destructuring JavaScript Objects
  • Practicando con Objetos
  • Fetch API
  • Async Await
  • Map
  • Filter
VUE JS 3! - Fundamentos
  • Introducción
  • ¿Qué es Vue 3?
  • Página oficial de Vue js 3 y CDN
  • Hola mundo con Vue 3
  • Renderizar datos de forma declarativa
  • Atributo v-bind
  • v-if v-else
  • v-for
  • Evento Click
  • Botón desactivar
  • Parámetros en methods
  • Class dinámico
  • Propiedades computadas (computed)
  • Computed VS Methods
  • Introducción a componentes
  • Data en componentes
  • Props - Comunicación entre componentes
  • Props dinámicos
  • Archivos Terminados de esta sección
VUE CLI 4 - Acelerando el desarrollo web
  • Mi primer proyecto con Vue Cli
  • Vetur can't find tsconfig.json or jsconfig.json
  • Analizando archivos de nuestro proyecto con Vue cli
  • Creando nuestro primer componente
  • Refuerzo sobre componentes
  • Comunicación entre componentes (parte 1)
  • Comunicación entre componentes (parte 2)
  • Custom Events (emit): Comunicación del hijo al padre (componentes)
  • Resolviendo tarea "bloquear botón"
  • Deploy a Hosting Gratuito
  • Archivos Terminados de esta sección
VUE ROUTER | Aprendiendo a trabajar con rutas
  • Introducción a Vue Router
  • Primeros pasos con Vue Router
  • Router-Link Router-View
  • Analizando configuración de Router
  • View - Primeros pasos
  • Componentes vs View
  • Rutas con Parámetros
  • Práctica: Fetch ( consumir API )
  • Práctica: Pintar títulos de blog
  • Created: Ciclo de vida de Vue
  • Práctica: Rutas con Parámetros (parte 1)
  • Práctica: Rutas con Parámetros (parte 2)
  • Deploy a Hosting Gratuito
  • Refresh 404 Hosting Netlify
  • Refresh 404 Hosting compartido
  • Archivos Terminados de esta sección
VUEX - Fundamentos
  • Introducción a Sección Vuex
  • ¿Qué es Vuex?
  • Más información sobre Vuex
  • Instalación de Vuex
  • State: Primeros pasos
  • MapState
  • Propiedades computadas
  • Mutations y MapMutation
  • Actions y MapAction
  • Práctica con componentes
  • Parámetros en Vuex
  • Props en botón aumentar/disminuir
  • Actions y Mutations en botonAccion
  • V-model: Comunicación directa entre input y data
  • Archivos Terminados de esta sección
FORMULARIOS (v-model)
  • Presentación Formularios con Vue.js
  • Instalación de un nuevo proyecto
  • Atención muy importante!
  • Navbar de Bootstrap 4
  • v-model: text
  • v-model: checkbox
  • v-model: radio
  • v-model: number
  • trim y submit
  • Validación
  • Bloquear botón submit
  • Limpiar campos
  • Archivos Terminados de esta sección
CRUD + LOCALSTORAGE
  • Presentación CRUD + LocalStorage
  • Clonar proyecto anterior
  • Separar inputs en un componente
  • Vuex y generar IDs