Vue js 2 Completo ¡De 0 a Experto! + Firebase + Node [MEVN]
4.7 (1,122 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,524 students enrolled

Vue js 2 Completo ¡De 0 a Experto! + Firebase + Node [MEVN]

Vue.js 2 Aprende con la práctica, descubriendo Vuex, Rutas protegidas, Vue CLI 3 UI, Nuxt.js, Node.js, Express y MongoDB
4.7 (1,122 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,524 students enrolled
Created by Ignacio bluuweb
Last updated 7/2020
Spanish
Spanish [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 23 hours on-demand video
  • 21 articles
  • 16 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Conocer las bases de Vue desde cero
  • Trabajar con Rutas dinámicas realizando SPA (single page application)
  • Realizar registro de usuarios con Firebase
  • Crear rutas protegidas para usuarios registrados
  • Trabajar con base de datos (Firestore)
  • Incorporar Bootstrap 4 a tus proyectos web
  • Realizar validaciones de formularios con Vuelidate
  • Subir proyectos al Hosting de Firebase !GRATIS!
  • Vuetify (Material Design para VUE)
  • AXIOS (consumo de API pública)
  • Manejo de imágenes con Storage de Firebase
  • Registro con Google y Facebook
  • Nuxt - Acelera tus proyectos de Vue
  • Crear servidor con Node JS
  • Aprender Express JS
  • Aprender Bases de Datos Mongo DB
  • Configurar JWT y roles
Course content
Expand all 217 lectures 23:17:28
+ Fundamentos de Javascript (sección opcional)
11 lectures 01:04:58
Introducción a Fundamentos de Javascript
00:43
Var vs Let vs Const
11:19
Funciones de Flecha (Arrow Functions)
11:36
Template String
04:29
Objetos
05:50
Destructuring JavaScript Objects
02:56
Practicando con Objetos
05:56
Fetch API
08:41
Async Await
04:33
Map
04:38
Filter
04:17
+ VUE JS - Fundamentos
9 lectures 01:44:09
V-model
08:12
Keyup, v-model y Computed
12:44
Clases (v-bind:class)
09:46
Propiedades Computadas (computed)
12:51
Ciclo de vida de Vue (Lifecycle)
08:32
Componentes básicos
17:06
Comunicación entre componentes (parte 1)
10:19
Comunicación entre componentes (parte 2)
08:15
+ VUEX - Introducción
4 lectures 41:02
Introducción a Vuex (Instalación con CDN)
13:54
mapState con Vuex
07:27
mapMutation y parámetros adicionales
05:23
Actions y mapActions
14:18
+ VUE CLI 3 & 4 - Primeros pasos
4 lectures 28:36
Actualización VUE CLI 4
01:37
Instalación Vue CLI 3 (línea de comandos)
09:46
Mi primero proyecto con Vue CLI UI (interfaz gráfica)
07:51
Analizando archivos de Vue
09:22
+ Vue CLI 3 & 4 y VUEX | Contador de Frutas
5 lectures 26:08
Actualización Vuex en Vue CLI 4
00:39
mapState con Vuex
05:07
mapMutation con Vuex
04:25
Ordenar Array - Finalizando proyecto
05:53
+ VUE ROUTER | Aprendiendo a trabajar con rutas
4 lectures 36:10
Instalar proyecto con Vue CLI 3 UI y Router
04:09
Creando nuestra primera ruta
08:31
router-link y rutas con parámetros
12:57
Parámetros dinámicos y rutas en eventos @click
10:33
+ FIREBASE - CRUD con Vue Router y Vuex
11 lectures 01:11:34
Archivos terminados de esta sección
00:06
Vue Cli 4 y Primeros pasos con Firebase
08:05
Configurar Firebase en Vue.js
05:08
Obtener Documentos de Firestore
09:30
Listar documentos en Vue.js
06:08
Editar documentos Firestore
10:17
Formulario para editar documentos
05:55
Agregar documentos a Firestore
07:24
Eliminar documento de Firestore
09:13
Finalizando proyecto agregando Bootstrap 4
08:32
+ AUTH - Rutas Protegidas: Autenticación con Firebase
15 lectures 01:31:29
Instalación Vue CLI 4 e iniciar proyecto de Firebase
07:11
Devtools y documentación
00:33
Archivo configuración Firebase
03:26
Vista y Ruta Registro.vue
07:59
Registrar nuevo usuario en Firebase
17:56
Validando contraseñas
05:43
Push a vista Inicio.vue
04:46
Validar tamaño de contraseña
01:05
Acceso usuarios registrados (Login)
12:24
Cerrar sesión
03:59
Detectar usuario registrado
09:55
Rutas protegidas
09:12
Error en consola
02:15
Getters: ocultar menú de navegación
04:04
+ FIRESTORE - Firebase Auth y base de datos
5 lectures 19:29
Relacionar Auth con Collection de Firestore
06:38
GET Tareas de un usuario registrado
04:17
UPDATE Tarea de usuario
04:10
POST tarea de usuario
01:53
DELETE tarea de usuario
02:31
Requirements
  • Tener conocimientos de Javascript (básicos)
  • Tener conocimientos de Bootstrap 4 (básicos)
Description

Vue js es un Framework de Javascript progresivo donde podremos crear interfaces de usuario. A diferencia de otros marcos monolíticos, Vue está diseñado desde cero para ser adoptable de forma incremental.

La biblioteca central se enfoca solo en la capa de vista y es fácil de captar e integrar con otras bibliotecas o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar aplicaciones sofisticadas de una sola página cuando se usa en combinación con herramientas modernas y bibliotecas de soporte .

Estoy en constante actualización de nuevo material, así que atento a las nuevas secciones :)

En el curso aprenderás:

  • Fundamentos de Vue js con CDN (sin necesidad de instalar nada)

  • Vuex para desarrollos profesionales

  • CLI 3 que cuenta con una interfaz gráfica para nuestros proyectos desde cero

  • VueRouter para trabajar con rutas

  • Web SPA (sitios que no se sobrecargan)

  • Consumir servicios de Firebase (base de datos, autenticación y hosting)

  • Realizar registro de usuario con email y contraseña

  • Incorporar Bootstrap 4 a tus proyectos web

  • Realizar validaciones de formularios con Vuelidate

  • Subir proyectos al Hosting de Firebase gratis!

Actualización Febrero 2019:

  • Consumo de API pública con AXIOS

  • Vuetify (Material Design para Vue.js)

  • Registro de usuario con Google y Facebook

  • Manejo de imágenes con Storage de Firebase

Actualización Marzo 2019

  • Creación de Chat en tiempo real

Actualización Mayo 2019

  • Introducción a Nuxt

  • Nuxt y Axios (API)

Actualización Octubre 2019

  • MEVN Aprende Node.js, Express.js, MongoDB y Vue.js

  • MEVN Autenticación con JWT y roles de usuario.

  • Despliegue de aplicaciones en Heroku y MongoDB Atlas (en la nube)

Si, aprenderemos a subir nuestra página web al Hosting de Firebase y Heroku, sin necesidad de gastar ningún peso adicional :)


Who this course is for:
  • Todo aquel que desee llevar sus proyectos web a otro nivel de interactividad
  • Desarrolladores web que deseen explotar al máximo JAVASCRIPT