Máster en Vue JS de cero a experto

¡Aprende Vue.js desde cero y crea tus propias aplicaciones Frontend usando Veutify y base de datos Firebase!

4.70 (98 reviews)
Udemy
platform
Español
language
Web Development
category
1,058
students
19.5 hours
content
Nov 2022
last update
$49.99
regular price

What you will learn

Aprenderás los principios de la programación con plantillas y componentes reutilizables.

Aprenderás programación con objetos y sobre el patrón Modelo-Vista-Controlador (MVC) en todos los proyectos de programación.

Crear SPA con vueRouter.

Tener un mejor control del estado y manejo de datos con Vuex.

Mejorar tu experiencia de usuario con la librería Vuetify.

Cómo migrar de Vue 2 a 3.

Comunicarte con una base datos Firebase con Axios.

Composition API de Vuejs 3

Pinia

Description

Si estás entrando en el mundo del desarrollo web, tienes conocimientos básicos en HTML, CSS y JavaScript y ahora quieres empezar a programar con los Frameworks. ¡Vue.js es el más recomendable para empezar!

Aprende Vue.js (2,3) desde cero y domina uno de los nuevos Frameworks de javaScript que ha ganado mucha popularidad en los últimos años.

Vue.js es fácil y rápido de aprender además de ser igual de versátil que otros Frameworks como Angular y React.

Vue.js brinda una gran experiencia de usuario con sus elementos reactivos similares a las aplicaciones móviles, pero ¡sin programaciones complejas!

Las habilidades de desarrollo Frontend son unas de las mejores pagadas de la industria y Vue.js entra en el juego de los nuevos Frameworks de JavaScript.

En este curso de Vue.js aprenderás:

  • Que es Vue.js y como usarlo en sus dos últimas versiones (2,3)

  • Lo básico de las plantillas, instancias y reactividad de Vue.js

  • Como se ejecuta el Modelo-Vista-Controlador (MVC)

  • Las diferentes propiedades de Vue.js (data, props, methods, computed…)

  • Como imprimir la información y volverla reactiva con los diferentes eventos

  • Las interacciones con el DOM (document model object) como condiciones, bucles y eventos.

  • Profundizar en las instancias y como comunicarse entre ellas.

  • Comprender los componentes y como transferir la información entre ellos.

  • Como crear un ambiente de desarrollo y un flujo de trabajo con Vue CLI.

  • Realizar Single-Page-Application (SPA) con vueRouter.

  • Optimizar el control y manejo de datos de tu aplicación con Vuex.

  • Controlar y validar los datos en los campos de formulario

  • Como hacer tus aplicaciones y sitios más agradables con la librería gráfica de Vuetify

  • Como migrar de Vue.js 2 a Vue.js 3 (Esta última versión salió oficialmente en 18 de septiembre del 2020)

  • Composition API Vuejs 3

  • Pinia

  • Comunicarse con el servidor o API con Axios.

  • Como exportar tu proyecto en Netifly o un servidor Node.

Este curso te enseñará todo lo que necesitas para ser un desarrollador Frontend Vue.js, estarás expuesto a enseñanzas muy prácticas con mini proyectos.

Al final de este curso, tendrás una comprensión profunda de Vue.js, sabrás por qué este Framework se ha vuelto tan popular y tiene una gran oferta de trabajo.

¿CÓMO ES EL CURSO?

El curso se divide en varias secciones. En una primera sección haremos la introducción desde cero de Vue.js 2, es recomendable pero no obligatorio tener conocimientos básicos de HTML y JavaScript , todo lo otro lo aprenderás acá.

En las siguientes secciones comenzaremos a introducirnos paso a paso en las instancias y el control de datos de Vue.js, pasando por los componentes y plantillas, construyendo mini aplicaciones con el patrón MVC de Vue.js.

En un siguiente nivel construiremos un Single-Page-Application (SPA) que te dará la sensación de estar trabajando con AJAX.

Luego crearemos una aplicación de un campeonato de frutas para poner en practica el control de datos y del store con Vuex.

Crearemos y validaremos un formulario básico para comprender un poco más de v-model.

Luego aprenderemos como hacer la migración de Vue.js 2 => 3 y las ventajas que trae esta nueva versión que salió el 18 de septiembre del 2020.

Finalmente te enseñaré a crear una pequeña aplicación de pinturas haciendo pedidos a una base de datos en Firebase con Axios y Vue3.

¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?

Depende de ti. Estimo que en menos de un mes puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.

¿CUÁLES SON LOS REQUISITOS?

Descargar el material que se encuentra en los recursos de la primera clase de cada sección. Tener principios en HTML5 y CSS3, curso gratuito que puede realizar en UDEMY: "Aprende HTML5 y CSS3 desde cero". No es indispensable pero sería bueno para la construcción del Proyecto tener bases en JavaScript.

¿A QUIÉN VA DIRIGIDO ESTE CURSO?

Este curso va dirigido a personas que buscan incursionar en el desarrollo Frontend y en los Framewors de JavaScript como Vue.js.

Content

Introducción

Bienvenida
Editor de Código
¿Qué es Vue.js?
Instalación de Vue.js
Material de Apoyo
DOM Virtual y Plantillas

Propiedades de Vuejs y control del DOM

Instancias
Propiedad Data
Los Métodos
Propiedades calculadas (Computed)
Practicando las propiedades calculadas
Las Directivas - Control de Eventos
Eventos del DOM
Practicando Control de Eventos
Argumentos en Funciones
Modificadores de Eventos
Ejercicio para poner en práctica lo aprendido
Práctica resuelta
V-Bind
V-HTML
V-Text y V-Once
Propiedad Watch
V-If y V-Else
Poner en práctica lo aprendido
V-Show
V-For, Parte 1
V-for, Parte 2

Instancias

Múltiples Instancias
Acceder a una instancia desde JS
$refs
Ciclo de vida de la instancia
Funciones del ciclo de vida
mount (montar una instancia)
Template / Plantillas
Vue component

Vue CLI

Introducción Vue CLI
Node js, instalación
Vue create
Estructura de un proyecto CLI
Archivo.VUE

Componentes

Introducción componentes
Importar componentes de forma global
Mejor nomenclatura de componentes
Props / Propiedades en los componentes
Props / Propiedades en los componentes, parte 02
Props / Arrays / Objects
$emit / Enviar datos desde el hijo al padre
Funciones en props / Callback functions
EventBus
Slots
Estilos Css en los Slots
Multiples Slots
Multiples Slots, Parte 2
Tag Component
Tag keep-alive

Rutas con Vue-router

Vue-router instalación
Vue-router configuración
router-view
router-link
Navegación desde el script
Rutas anidadas
Rutas dinámicas, Parte 1
Rutas dinámicas, Parte 2
Rutas dinámicas, Parte 3
Rutas dinámicas, Parte 4
Rutas dinámicas, Parte 5
Nombrar nuestras rutas
Redirect, redireccionar las rutas
Querys y parámetros en el URL
Hash, ScrollBehavior
Interceptadores de navegación en las rutas (guards)
Interceptadores de navegación en los componentes (guards)
Múltiples routers-views
Bonus : Rutas de carga diferida

Vuex

Introducción Vuex
Introducción Vuetify
Personalizar a Vuetify
Vuex configuración
Getters (Captadores)
Mutations
Mutations, Parte 2
Actions
Getters con argumentos
Mejorar la visualización de los componentes con vuetify
mapGetters
Bonus: Componentes visuales de Vuetify
Optimizar nuestro código con componentes
Optimizar nuestro código con componentes, Parte 2
Mutation + Actions
Guardar datos en el store
Guardar datos en el store, Parte 2
Vuex módulos
Mejor estructura del Store, Vuex
Ejercicio Vuex
Solución

Formularios

Formulario v-model vuejs 2
Input text
Input password
Input Number
Radio buttons
Checkbox
Combobox - select options
Vuetify - v-switch
Validar campos de formulario con Rules
Vuetify - v-form
Data del store con campos de formulario

Vuejs 2 => Vuejs 3

Vuejs 3
Cambios y Novedades de Vuejs 3
Actualizar una instancia de vuejs 2 a vuejs 3
Links librerías y guías
Actualizar el proyecto Vue router
Actualizar el proyecto Vuex

Screenshots

Máster en Vue JS de cero a experto - Screenshot_01Máster en Vue JS de cero a experto - Screenshot_02Máster en Vue JS de cero a experto - Screenshot_03Máster en Vue JS de cero a experto - Screenshot_04

Reviews

Pablo
May 2, 2023
El curso está bien de momento, pero utiliza Vue 2 en vez de Vue 3, por lo que está desfasado. Aun así, es util seguir el curso usando Vue 3 y cambiando lo necesario entre versiones.
Humberto
May 17, 2022
El docente que imparte este curso su conocimiento es muy notable, hace que la clase sea facil de entender
Angel
March 30, 2021
De los mejores cursos que he hecho, profundiza mucho con sus ejemplos y lo explica todo muy bien, curso muy interesante y el profesor explica muy bien. Muchas gracias.
Tony
November 8, 2020
Este es un curso extraordinario para aprender a crear aplicaciones web modernas con las últimas funciones de Vue. Lo recomiendo 100 %

Coupons

DateDiscountStatus
11/17/202095% OFF
expired
11/23/202095% OFF
expired
12/24/202050% OFF
expired
1/28/202150% OFF
expired
2/13/202150% OFF
expired
2/18/202150% OFF
expired
2/23/202150% OFF
expired
3/8/202150% OFF
expired
3/15/202150% OFF
expired
3/26/202150% OFF
expired
4/13/202150% OFF
expired
5/18/202150% OFF
expired
6/9/202189% OFF
expired
6/22/202189% OFF
expired
12/21/202285% OFF
expired
8/16/202350% OFF
expired

Charts

Price

Máster en Vue JS de cero a experto - Price chart

Rating

Máster en Vue JS de cero a experto - Ratings chart

Enrollment distribution

Máster en Vue JS de cero a experto - Distribution chart
3557385
udemy ID
10/9/2020
course created date
10/21/2020
course indexed date
Bot
course submited by