Autoplay
Autocompletar
Lección previa
Completar y continuar
Máster en Vue JS de cero a experto
Introducción
Bienvenida (1:49)
Editor de Código *[PDF Para descargar] (7:35)
¿Qué es Vue.js? (2:09)
Instalación de Vue.js (4:00)
DOM Virtual y Plantillas (2:41)
Propiedades de Vuejs y control del DOM
Instancias (2:10)
Propiedad Data (6:33)
Los Métodos (5:14)
Propiedades calculadas (Computed) (1:33)
Practicando las propiedades calculadas (11:16)
Las Directivas - Control de Eventos (5:54)
Eventos del DOM
Practicando Control de Eventos (3:03)
Argumentos en Funciones (3:01)
Modificadores de Eventos (8:05)
Ejercicio para poner en práctica lo aprendido (2:26)
Práctica resuelta (10:32)
V-Bind (13:19)
V-HTML (5:46)
V-Text y V-Once (4:15)
Propiedad Watch (22:48)
V-If y V-Else (8:09)
Poner en práctica lo aprendido (3:38)
V-Show (2:56)
V-For, Parte 1 (7:33)
V-for, Parte 2 (15:11)
Instancias
Múltiples Instancias *[ZIP para descargar] (7:04)
Acceder a una instancia desde JS (4:56)
$refs (3:30)
Ciclo de vida de la instancia (3:08)
Funciones del ciclo de vida (13:10)
mount (montar una instancia) (4:01)
Template / Plantillas (4:29)
Vue component (4:41)
Vue CLI
Introducción Vue CLI (2:10)
Node js, instalación (2:53)
Vue create (5:03)
Estructura de un proyecto CLI (7:26)
Archivo.VUE (4:55)
Componentes
Introducción componentes (6:37)
Importar componentes de forma global (3:53)
Mejor nomenclatura de componentes (6:39)
Props / Propiedades en los componentes (5:49)
Props / Propiedades en los componentes, parte 02 (7:05)
Props / Arrays / Objects (5:56)
$emit / Enviar datos desde el hijo al padre *[TXT para descargar] (10:04)
Funciones en props / Callback functions (7:01)
EventBus (8:20)
Slots (10:39)
Estilos Css en los Slots (3:26)
Multiples Slots (5:24)
Multiples Slots, Parte 2 (1:39)
Tag Component (5:10)
Tag keep-alive (4:31)
Rutas con Vue-router
Material de Apoyo (5:24)
Vue-router instalación *[ZIP para descargar] (5:48)
Vue-router configuración (5:25)
router-view (4:19)
router-link (7:34)
Navegación desde el script (3:19)
Rutas anidadas (9:54)
Rutas dinámicas, Parte 1 (6:41)
Rutas dinámicas, Parte 2 (2:14)
Rutas dinámicas, Parte 3 (7:37)
Rutas dinámicas, Parte 4 (4:55)
Rutas dinámicas, Parte 5 (9:46)
Nombrar nuestras rutas (4:29)
Redirect, redireccionar las rutas (2:17)
Querys y parámetros en el URL (4:30)
Hash, ScrollBehavior (11:52)
Interceptadores de navegación en las rutas (guards) (8:12)
Interceptadores de navegación en los componentes (guards) (9:52)
Múltiples routers-views (3:23)
Bonus : Rutas de carga diferida (5:39)
Vuex
Introducción Vuex *[ZIP para descargar] (1:33)
Introducción Vuetify (10:09)
Personalizar a Vuetify (7:42)
Vuex configuración (9:28)
Getters (Captadores) (8:11)
Mutations (3:47)
Mutations, Parte 2 (6:02)
Actions (7:44)
Getters con argumentos (10:18)
Mejorar la visualización de los componentes con vuetify (7:12)
mapGetters (13:55)
Bonus: Componentes visuales de Vuetify (8:46)
Optimizar nuestro código con componentes (8:37)
Optimizar nuestro código con componentes, Parte 2 (9:09)
Mutation + Actions (11:48)
Guardar datos en el store (11:33)
Guardar datos en el store, Parte 2 (11:11)
Vuex módulos (5:46)
Mejor estructura del Store, Vuex (9:24)
Ejercicio Vuex *[ZIP para descargar] (0:43)
Solución (15:22)
Formularios
Formulario v-model vuejs 2 *[ZIP para descargar] (1:19)
Input text (6:36)
Input password (7:00)
Input Number (3:11)
Radio buttons (6:50)
Checkbox (9:11)
Combobox - select options (8:55)
Vuetify - v-switch (3:11)
Validar campos de formulario con Rules (6:56)
Vuetify - v-form (7:36)
Data del store con campos de formulario (11:01)
Vuejs 2 => Vuejs 3
Vuejs 3 (4:34)
Cambios y Novedades de Vuejs 3 (3:02)
Actualizar una instancia de vuejs 2 a vuejs 3 (2:35)
Links librerías y guías
Actualizar el proyecto Vue router (14:56)
Actualizar el proyecto Vuex *[ZIP para descargar] (7:47)
Recapitulación (1:09)
Composition API
Introducción *[PDF para descargar] (3:29)
Setup function (1:21)
Data => ref *[ZIP para descargar] (5:45)
Data => reactive (3:52)
ref vs reactive (6:08)
Methods => JS functions (4:09)
Computed (5:18)
Watch (6:07)
WatchEffect *[ZIP para descargar] (8:56)
Cliclo de vida en setup() (5:16)
Lista de funciones
this.$refs => ref (4:56)
Primer argumento de setup() => props (10:30)
Segundo argumento de setup() => context (4:37)
Funciones Provide y Inject (5:41)
Módulos parte 1 (11:28)
Módulos parte 2 (5:08)
Vuex, Vue-router al interior de setup() *[ZIP para descargar] (17:19)
Peticiones HTTP con axios
Introducción Firebase *[ZIP para descargar] (1:51)
Crear un proyecto Firebase (3:34)
Axios Instalación (2:11)
Enviar datos con Axios.post (9:49)
Pedir datos con Axios.get (9:41)
Pedir un dato con Axios.get + key (5:40)
Actualizar datos con Axios.put (12:49)
Borrar datos con Axios.delete (6:26)
Configuraciones Axios => baseURL (4:24)
Centralizar los pedidos en el Store (Vuex) (4:44)
Devolver una promesa en las acciones del Store (10:02)
Devolver una promesa en las acciones del Store. Parte 2 (6:01)
Inicializar los datos con Axios/Vuex (6:09)
Inicializar los datos con Axios/Vue, con las opciones API (1:29)
Llamando datos guardados en el Vuex (4:04)
Actualizar datos Axios/Vuex (4:52)
Borrar datos Axios/Vuex (2:37)
Publicar un proyecto con Netlify y GitHub
Deploy App, GitHub / Netlify (2:05)
Links
Instalar Git (2:10)
Crear un repositorio GitHub (5:28)
Crear un Equipo en Netlify (1:02)
Publicar un proyecto (4:40)
Transiciones, Mixin y Teleport
Transiciones introducción (3:08)
Componente transition *[ZIP para descargar] (5:06)
Global transition (3:48)
Múltiples transiciones (5:01)
Transiciones con animaciones CSS (3:34)
Rutas con transiciones (3:38)
Transition group preparación (8:28)
Transition group parte 1 (7:20)
Transition group parte 2 (2:27)
Mixins (7:52)
Mixin Global (2:08)
Teleport (7:57)
Inicializar los datos con Axios/Vue, con las opciones API
Contenido bloqueado
Si ya estás inscrito,
deberás iniciar sesión
.
Inscríbase en el curso para desbloquear