Vue.js 3 - La Guía Completa - Composition Pinia MEVN 10 Apps

Description

Si eres de las personas que aprenden mejor cuando creas proyectos reales este curso es para ti

Algunos de los temas que vas a aprender en este curso incluyen:

• State con Ref y Reactive

• Computed Properties

• Watchers en Vue.js

• Ciclo de Vida de los componentes

• Single File Components - Template - Script y Style en un mismo archivo.

• Directivas en Vue.js incluyendo v-for v-if v-else

• Eventos y Eventos Personalizados

• Emits y Props

• Pinia para manejar un estado global

• Vue Router para crear proyectos con múltiples páginas.

• Crear y Consumir API's y REST API's en Vue.js

• Firebase para guardar datos, archivos y autenticación de usuarios

• MEVN - MongoDB Express Vue.js y Node.js creando una aplicación Full Stack con panel de administración, API, y mucho más

• Integrar tailwindcss a Vue.js

• Utilizar Vuetify

• Crear y definir composables para separación y re-utilización de código.

Los proyectos están diseñados para ir de menor a mayor complejidad, puedes utilizar estos proyectos para un portafolio, venderlos a un cliente pero no pueden formar parte de un curso ya que se tomarán acciones legales.

01 .- GuitarLA

El Primer proyecto del curso, haremos un carrito de compras para una tienda de guitarras, el usuario puede añadir guitarras, cambiar sus cantidades, eliminarlas, veremos como calcular el total con un computed property y aprenderás sobre State, Single File Components, Eventos y Emits, props, watches y mucho más!

02.- Admin de Pacientes

Segundo proyecto del curso, estaremos aprendiendo mucho sobre formularios y manejo de state en Vue.js, le permitiremos al usuario actualizar sus registros que sin duda añadirá mayor complejidad a este proyecto; es el primer proyecto que utiliza tailwindcss

03.- Control de Gastos

En este proyecto añadiremos mayor cantidad de componentes y operaciones; sacaremos máximo provecho de las API's reactivas de Vue.js para crear una aplicación muy dinamica e interactiva. Aprenderás más de los fundamentos de JS.

04.- Cotizador de Criptomonedas

Este es el primer proyecto que consume una API externa algo que será muy común en tu carrera como dev: enviar parametros a API's y consumirlos para presentarlos.

05.- App de Clima

Similar al Proyecto Anterior en este estaremos creando una aplicación de clima que se conecta a una API externa, esta API requiere un Key y enviar los datos de cierta forma; una vez enviada la petición veremos como obtener los datos y presentarlos.

06.- Registro de Clientes

Las API's anteriores reciben datos y entregan información; pero en este estaremos creando una REST API, a diferencia de las anteriores las REST API tienen la caracteristica que reciben peticiones para obtener datos, crearlos, eliminarlos y actualizarlos. También es el primer proyecto con Vue Router.

07.- Buscador de Recetas de Bebidas

Este proyecto ya incluye un Stack con más herramientas: Vue Router, Tailwindcss y Pinia para manejar un estado global en nuestra aplicación.

08.- Bienes Raices

Primer proyecto Full Stack; utilizaremos firebase para el backend; con firebase podemos subir archivos, crear datos en una base de datos real, autenticar usuarios sin tener conocimientos de backend, ideal para proyectos de clientes, pruebas técnicas o para aprender más sobre backend.

09.- Punto de Venta

El Punto de Venta es el segundo proyecto Full Stack, en este añadiremos una mayor cantidad de funciones, colecciones y dependencias para sacar máximo provecho de firebase, agregaremos diferentes Stores, más páginas, diferentes áreas, un panel de administración y mucho más.

10.- App Salon

El Proyecto MEVN que incluye un backend hecho en Node.js / Express / MongoDB / REST API / Model View Controller y en el frontend incluye TailwindCSS, Vue Router, Pinia, es sin duda el proyecto más complejo de todos; un proyecto de reservaciones que deshabilita las horas ya tomadas por los usuarios, además tiene una autenticación profesional con Creación de Cuentas, Login, Confirmar cuentas y recuperar password en caso de olvidarlo.

TAKE THIS COURSE