Vue 3 JS: De cero a experto creando aplicaciones reales

Aprende Vue 3, Vue-CLI, Bindings, API, Router, Vuex, Componentes, Formularios, Composition API

4.73 (334 reviews)
Udemy
platform
Español
language
Web Development
category
1,748
students
16 hours
content
Sep 2023
last update
$49.99
regular price

What you will learn

Serás capaz de crear cualquier aplicación web con Vue JS

Que es Vue en su versión 3 y por qué es tan famoso y potente

Aprenderemos a usar el nuevo Composition API

Aprenderemos como usar VUEX

Aprenderás a crear un sistema de rutas con Vue Router

Aprenderemos a usar Options API

Una nueva forma de trabajar más ordenada, limpia y declarativa por componentes

Conocer qué es el State, Props, Tipos de Componentes en Vue y mucho más

Escribiremos código Vue que siga las buenas prácticas

Consumir API REST creado con Strapi

Aprenderás a consumir el servicio de Firebase con Firestore, Storage, etc...

Description

Gracias a este curso aprenderás desde a crear tus propias aplicaciones web  desde cero usando Vue.js 3, Strapi, Firebase, etc...

Aprenderás a crear aplicaciones web donde el cliente está desacoplado del servidor y a desplegarlos.

  • Serás capaz de crear cualquier aplicación web con Vue JS

  • Que es Vue en su version 3 y por qué es tan famoso y potente

  • Aprenderemos a usar el nuevo Composition API

  • Aprenderemos como usar VUEX

  • Aprenderás a crear un sistema de rutas con Vue Router

  • Aprenderemos a usar Options API

  • Una nueva forma de trabajar más ordenada, limpia y declarativa por componentes

  • Conocer qué es el State, Props, Tipos de Componentes en Vue y mucho más

  • Escribiremos código Vue que siga las buenas prácticas

  • Consumir API REST creado con Strapi

  • Aprenderás a consumir el servicio de Firebase con Firestore, Storage, etc...

  • Y muchas más sorpresas...

Lo mejor de todo, es que este curso no acaba aquí, va a tener continuas actualizaciones para ir mejorando la aplicación cada vez mucho más.

Content

Introducción

Introducción
Como preguntar dudas
PROYECTO: Simulador de Tweets
PROYECTO: Gestor de nominas
PROYECTO: E-commerce

Entorno de desarrollo

Seleccionando del navegador
Seleccionando Editor de Código
Extensiones para Visual Studio Code
Instalando Node JS
Instalando YARN para el manejo de dependencias
Instalando Vue CLI

Conceptos básicos

¿Que es Vue JS?
Creando nuestra primera app
Analizando el proyecto
Nuestro primer Componente
Options API y Composition API
Variables
Bucles: v-for
If Else: v-if v-else
Evento de Click
Binding
¿Que son los props?
Pasando props entre componentes
Pasando funciones por los props
Custom event: Emit
Añadiendo Vue a un proyecto existente

Estilos CSS y SASS

Crear un proyecto con SASS
Añadir SASS al proyecto existente
Encapsular CSS

Sistema de Rutas

Crear un proyecto con Router
Analizando el sistema de rutas
Creando nuestra primera página
Rutas dinámicas
Cambio de ruta desde el scripts
Página Error404

Vuex

¿Que es Vuex?
Crear un proyecto con Vuex
Analizando Vuex
Nuestro primer state global
Añadiendo Bootstrap al proyecto
Action para obtener los memes de un API REST
Mutation, guardando memes en el estado
Renderizando todos los memes
Selector de cantidad
Obteniendo el total de memes selecionados

PROYECTO: Simulador de Tweets

Resultado final de la aplicación
Repositorio de la aplicación
Generando la aplicación
Añadiendo Bootstrap
Menu Web
Formulario de Tweets
Hook para controla el formulario
Abrir y cerrar el formulario
Recuperando datos del formulario
Guardando Tweet
Guardando más de un tweet
Lodash
TweetList template
Renderizando tweets
Formateando fecha
SVG como Componente
Función para eliminar tweets
Desplegando aplicación

PROYECTO: Gestor de nominas

Resultado final de la aplicación
Repositorio de la aplicación
Generando la aplicación
Añadiendo Semantic UI
Creando un proyecto nuevo en Firebase
Conectando Vue con Firebase
Zona de Usuario logeado y no logeado
Zona de Login y Registro
Formulario de registro de usuarios
Recuperando datos del formulario de registro
Validando formulario de registro con Yup
Registrando usuario en Firebase
Formulario de login
Recuperando datos y validándolos
Realizando login en firebase
Creando el layout
Creando el menu web
Añadiendo logica al menu
Creando la página de Account
Formulario para cambiar nombre y apellidos
Recuperando y validando datos del formulario
Actualizando DisplayName en Firebase
Refrescando los datos del usuario
Formulario para cambiar email
Recuperando y validando datos del formulario
Reautenticando usuario para poder cambiar el email
Actualizando el Email en Firebase
Formulario para cambiar la contraseña
Recuperando y validando datos del formulario
Actualizando la contraseña en Firebase
Formulario para subir nominas
Animando formulario
Recuperando datos del formulario
Validando formulario
Subiendo nomina al Storage de firebase
Subiendo los datos de la nomina a firestore
Feedback de la subida de la nomina
Obteniendo todas las nominas del usuario
Pintando todas las nominas
Recargando nominas al subir una nueva
Descargando nominas
Eliminando nominas
Desplegando aplicación

PROYECTO: E-commerce

Resultado final de la aplicación
Repositorio de la aplicación
Generando el back con Strapi
Generando el front con Vue 3
Añadiendo Semantic UI
Layout
Menu Web
Páginas de login y registro
Formulario de registro de usuarios
Recuperando datos del formulario de registro
Validando formulario
Creando el usuario en Strapi
Formulario de login
Obteniendo y validando datos del formulario
Realizando login
Gestionado sesión con JWT
Mostrando diferentes menus
Cerrando sesión
Creando la colección de categorias
Generando los endpoints
Obteniendo todas las categorías
Pintando todas las categorías
Creando rutas dinámicas
Creando la colección de productos
Obteniendo todos los productos
Renderizando todos los productos
Estilos a los productos
Obteniendo productos de una categoria
Obteniendo productos al cambiar de categoría
Pintando los productos de la categoría
Añadir productos al carrito
Acumulando los productos en el carrito
Creando carrito y abriéndolo
Cerrando carrito y añadiendo una animación
Header del carrito
Obteniendo todos los productos del carrito
Pintando productos en el carrito
Incrementando productos en el carrito
Decrementando productos en el carrito
Botón para ir al resumen del carrito
Pintando todos los productos en la página del carrito
Obteniendo el total
Eliminando un producto del carrito
Colección para generar pedidos
Generando pedido
Limpiando carrito
Obteniendo todos los pedidos del usuario
Pintando pedidos
Desplegando server
Desplegando client

Despedida

Clase Extra

Screenshots

Vue 3 JS: De cero a experto creando aplicaciones reales - Screenshot_01Vue 3 JS: De cero a experto creando aplicaciones reales - Screenshot_02Vue 3 JS: De cero a experto creando aplicaciones reales - Screenshot_03Vue 3 JS: De cero a experto creando aplicaciones reales - Screenshot_04

Reviews

Miguel
May 24, 2023
El profesor no cumple con lo ofrecido, no responde ante problemas o dudas que se van presentando en el curso.
Ignacio
March 24, 2023
muchas gracias , me ayudo mucho para aprender vue, solo algunas cosas diferentes por la version de strappi que era mas antigua pero agregando los cambios de la v4 pude hacer todo genial, muchas gracias por el curso , un saludo profe.
Miguel
February 9, 2023
El curso es bueno para principiantes, pensaba que aprenderia un poco mas, pero es bueno para iniciar con vue3
Jaime
January 25, 2023
Hasta el momento a 2/5 del curso y debo decir que es muy bueno, la funcionalidad y la enseñanza ha sido muy bueno y grata y además he aprendido no solo de vuejs sino de otras herramientas que ha implementado el maestro en el curso.
Jeronimo
July 27, 2022
esta desactualizado, se entiende que las versiones como de vue, firebase etc van cambiando. Revisando preguntas sin resolver lleva meses el proceso de updated del curso y no se ve claro en que momento quede listo.
Adrián
June 23, 2022
Pienso que no se ha enfocado correctamente el curso, no se ha explicado cada detalle de Vue3 y en algunas ocasiones he tenido la sensación de que se perdía el foco del curso. Tampoco hubiera estado mal las diferencias entre Vue2 y Vue3 para los que venimos de la anterior versión.
Daniel
June 8, 2022
El curso hasta lo que voy de su totalidad explica muy bien, quizas para algunos que lo toman realmente desde 0, puede quedarse con algunas dudas, el curso es un buen camino como para empezar. En mi caso en particular venia con algo de conociemineto basico de vue2 y esperaba ver un poco mas actualizado al menos en la version estable de vue3 y utilizando la herramienta recomendada para crear los proyectos desde las fuentes oficiales, como por ejemplo la utilización de vite, hay algunas cosas particulares en la creación que cambian, obvio se puede investigar, otra cosa que noto en los cursos y que me gustaria ver mas seguido es integrar un poco mas la documentacion oficial y ayudar a aprender a leer de la misma, muchas veces saber leer la documementacion e interpretarla nos va ayudar a resolver muchas cosas. Ojala puedas actualizar para retomarlo y verlo nuevamente
Alberto
October 25, 2021
Un curso superútil, muy bien estructurado y con proyectos muy bien explicados. Me está siendo de gran ayuda en mi aprendizaje con mi primera app en Vue.js 3. Gracias.
Carlos
October 17, 2021
Excelente curso. Buena explicación de los fundamentos de Vue 3 y su composition API. Realización de varios proyectos reales siguiendo buenas prácticas en las que se van asimilando los conceptos de esta librería.
Luis
August 10, 2021
Muy bueno, me gustó mucho, el único detalle es que vas muy rápido y a veces se hace complicado seguirte, fuera de eso todo perfecto. Gran curso aprendí mucho
Daniela
July 28, 2021
Explica lo necesario para entender cómo funciona Vue, sus librerías, conceptos... a nivel técnico y práctico. Se me hace muy completo. Además utiliza ejemplos útiles para las actividades diarias de un programador, esto es un gran plus.
Rodrigo
July 18, 2021
Buen curso, ya venía con conocimientos en otros frameworks y eso me ayudó a entender más fácil, pero igualmente las explicaciones son correctas. Lo recomiendo al curso!!
Juan
July 13, 2021
pues apenas se habla de composition api, y en algunas secciones el conocimiento del tutor deja de desear
Raul
June 29, 2021
Recomendado para quienes se quieren introducir y un poco más. Maneja muy buenas prácticas que deberían estar presente en todo aquel que inicia
Jorge
June 15, 2021
Ejercicios muy buenos y prácticos. En estos ejercicios se ven cosas que se pueden aplicar en proyectos reales. La explicación excelente, te lleva paso a paso de una forma rápida y concisa.

Coupons

DateDiscountStatus
1/9/202150% OFF
expired
1/12/202150% OFF
expired
2/19/202150% OFF
expired
3/13/202150% OFF
expired
5/3/202150% OFF
expired
6/2/202150% OFF
expired
6/15/202150% OFF
expired

Charts

Price

Vue 3 JS: De cero a experto creando aplicaciones reales - Price chart

Rating

Vue 3 JS: De cero a experto creando aplicaciones reales - Ratings chart

Enrollment distribution

Vue 3 JS: De cero a experto creando aplicaciones reales - Distribution chart

Related Topics

3631302
udemy ID
11/12/2020
course created date
1/9/2021
course indexed date
Angelcrc Seven
course submited by