Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-15 00:46:00
30-Day Money-Back Guarantee
Development Web Development Vue JS

Vue js [Actualizado] ¡De 0 a Experto! + Firebase + MEVN

Vue.js 2 y Vue.js 3! Aprende desde 0, Composition API, Vuex, Rutas protegidas, Vue CLI, Nuxt.js, Node, Express y MongoDB
Rating: 4.7 out of 54.7 (1,828 ratings)
5,987 students
Created by Ignacio bluuweb
Last updated 1/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

35 sections • 342 lectures • 30h 33m total length

  • Preview01:23

  • Preview05:38

  • 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

  • Introducción
    02:42
  • ¿Qué es Vue 3?
    02:09
  • Página oficial de Vue js 3 y CDN
    00:16
  • Hola mundo con Vue 3
    08:29
  • Renderizar datos de forma declarativa
    02:49
  • Atributo v-bind
    02:55
  • v-if v-else
    05:40
  • v-for
    04:28
  • Evento Click
    03:47
  • Botón desactivar
    04:32
  • Parámetros en methods
    00:57
  • Class dinámico
    03:09
  • Propiedades computadas (computed)
    04:08
  • Computed VS Methods
    00:32
  • Introducción a componentes
    09:33
  • Data en componentes
    02:30
  • Props - Comunicación entre componentes
    03:47
  • Props dinámicos
    02:13
  • Archivos Terminados de esta sección
    00:03

  • Mi primer proyecto con Vue Cli
    10:33
  • Analizando archivos de nuestro proyecto con Vue cli
    07:17
  • Creando nuestro primer componente
    08:16
  • Refuerzo sobre componentes
    06:46
  • Comunicación entre componentes (parte 1)
    04:49
  • Comunicación entre componentes (parte 2)
    01:54
  • Custom Events (emit): Comunicación del hijo al padre (componentes)
    07:38
  • Resolviendo tarea "bloquear botón"
    04:23
  • Deploy a Hosting Gratuito
    04:47
  • Archivos Terminados de esta sección
    00:03

  • Preview00:59
  • Primeros pasos con Vue Router
    05:59
  • Router-Link Router-View
    03:28
  • Analizando configuración de Router
    01:48
  • View - Primeros pasos
    03:17
  • Componentes vs View
    05:21
  • Rutas con Parámetros
    04:51
  • Práctica: Fetch ( consumir API )
    06:36
  • Práctica: Pintar títulos de blog
    02:16
  • Created: Ciclo de vida de Vue
    04:47
  • Práctica: Rutas con Parámetros (parte 1)
    03:59
  • Práctica: Rutas con Parámetros (parte 2)
    05:33
  • Deploy a Hosting Gratuito
    01:56
  • Refresh 404 Hosting Netlify
    00:17
  • Refresh 404 Hosting compartido
    00:31
  • Archivos Terminados de esta sección
    00:03

  • Preview00:52
  • ¿Qué es Vuex?
    02:05
  • Más información sobre Vuex
    00:05
  • Instalación de Vuex
    03:21
  • State: Primeros pasos
    03:42
  • MapState
    05:13
  • Propiedades computadas
    04:39
  • Mutations y MapMutation
    04:04
  • Actions y MapAction
    04:02
  • Práctica con componentes
    05:15
  • Parámetros en Vuex
    03:21
  • Props en botón aumentar/disminuir
    04:55
  • Actions y Mutations en botonAccion
    08:47
  • V-model: Comunicación directa entre input y data
    02:09
  • Archivos Terminados de esta sección
    00:03

  • Preview00:46
  • Instalación de un nuevo proyecto
    02:07
  • Atención muy importante!
    00:16
  • Navbar de Bootstrap 4
    03:07
  • v-model: text
    03:02
  • v-model: checkbox
    04:09
  • v-model: radio
    03:03
  • v-model: number
    01:49
  • trim y submit
    03:33
  • Validación
    02:55
  • Bloquear botón submit
    01:25
  • Limpiar campos
    01:20
  • Archivos Terminados de esta sección
    00:03

  • Preview01:08
  • Clonar proyecto anterior
    01:44
  • Separar inputs en un componente
    05:12
  • Vuex y generar IDs
    06:23
  • Pintar Tareas en una tabla
    06:48
  • Pintar categorías (v-for dentro de otro v-for)
    03:53
  • Función join() Javascript
    00:13
  • Eliminar items
    04:35
  • Editar items (parte 1 - capturar id)
    11:11
  • Editar items (parte 2 - formulario edición)
    10:01
  • Respaldar información en LocalStorage
    10:25
  • Archivos Terminados de esta sección
    00:03

  • Preview01:10
  • Firebase - Primeros pasos
    08:19
  • PUT o POST: Agregar tareas a nuestra base de datos
    17:29
  • DevTools failed to load sourcemap
    00:41
  • GET: Leer base de datos
    08:09
  • PATCH: Editar tarea de base de datos
    04:18
  • DELETE: Eliminar tarea de base de datos
    04:08
  • Archivos Terminados de esta sección
    00:03

Requirements

  • Tener conocimientos de Javascript (básicos)
  • Tener conocimientos de Bootstrap 4 (básicos)

Description

Vue js 2 y Vue.js 3, 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 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)

Actualización 2020 [ Vue.js 3 ]

  • Fundamentos [vue.js 3]

  • Vuex  [vue.js 3]

  • Router  [vue.js 3]

  • Proyecto con LocalStorage [vue.js 3]

  • Api Firebase [vue.js 3]

  • Auth Api Firebase [vue.js 3]

  • Composition API - Fundamentos [vue.js 3]

  • Vuex + Composition API [vue.js 3]

Si, aprenderemos a subir nuestra página web al Hosting de Firebase, Netlify 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

Instructor

Ignacio bluuweb
Programador y Fundador de bluuweb!
Ignacio bluuweb
  • 4.6 Instructor Rating
  • 7,508 Reviews
  • 92,454 Students
  • 6 Courses

Hola, soy bluuweb! (Ignacio Gutiérrez) un canal en Youtube que trata de proporcionar la mejor energía para enseñar a programar, si estás listo para aprender no dudes en darme una oportunidad :)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.