Udemy

Platform

Español

Language

Web Development

Category

Máster en Vue JS (2, 3) de cero a experto

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

4.54 (23 reviews)

614

Students

17 hours

Content

Dec 2020

Last Update
$19.99
Regular Price

What you will learn

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

Aprenderás programación Orientada a Objetos (POO) y ejecutar el patrón Modelo-Vista-Controlador (MVC) en todos los proyectos de programación que emprendas.

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




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

  • 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.


Screenshots

Máster en Vue JS (2, 3) de cero a experto
Máster en Vue JS (2, 3) de cero a experto
Máster en Vue JS (2, 3) de cero a experto
Máster en Vue JS (2, 3) de cero a experto

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



Reviews

T
Tony8 November 2020

Este es un curso extraordinario para aprender a crear aplicaciones web modernas con las últimas funciones de Vue. Lo recomiendo 100 %


Coupons

StatusDateDiscount
Expired11/17/202095% OFF
Expired11/23/202095% OFF
Expired12/24/202050% OFF
Expired1/28/202150% OFF
Expired2/13/202150% OFF
Expired2/18/202150% OFF
Valid2/23/202150% OFF


3557385

Udemy ID

10/9/2020

Course created date

10/21/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram
Android PlayStore
Apple Appstore