Vue.js 3 - La Guía Completa - Composition Pinia MEVN 10 Apps
Aprende Vue.js creando Proyectos Reales aprende MEVN Pinia Composition Vue Router SFC Vuetify Firebase Composables APIs
Aprende Vue.js creando Proyectos Reales aprende MEVN Pinia Composition Vue Router SFC Vuetify Firebase Composables APIs
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.
Debes tener en cuenta que los cupones duran maximo 4 dias o hasta agotar 1000 inscripciones,pero puede vencer en cualquier momento. Obten el curso con cupon haciendo clic en el siguiente boton:
El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!
Ir al CursoDomina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!
Ir al CursoComponentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más
Ir al Curso