Comparte si te a gustado:

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

Publicado en 15 Nov 2024

Udemy UK

Lo que aprenderás

  • Aprender Vue 3 y su ecosistema como Vue Router, Pinia, Composables, VueFire y más
  • Comunicar tus proyectos Vue con API's
  • Crear REST API's con el MEVN Stack - MongoDB Express Vuejs y Node
  • Aprender en base a proyectos que podrás utilizar en tu portafolio
  • Aprender las API's reactivas de Vue como Ref, Reactive, Watches y Computed
  • Métodos de Ciclo de Vida en Vue
  • Crear tus propios Composables
  • Pinia para manejar un estado global
  • Vue Router para proyectos con múltiples páginas
  • Desarrollo FullStack con Firebase y MEVN
  • Autenticación con Firebase y MEVN
  • Seguridad con Firebase y MEVN
  • Crear proyectos con gran performance con Firebase y MEVN
  • Integrar Tailwind y Vuetify a tus proyectos Vuejs

Requisitos

  • Conocimientos sólidos de HTML y CSS
  • Bases de JavaScript ( Se incluye introducción o recordatorio en este curso )
  • Visual Studio Code y Chrome ya instalados
  • Conocimientos de desarrollo web en general como URL's, Dev Tools, etc

Descripción

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.

¿Para quién es este curso?

  • Alumnos con conocimientos en HTML, CSS y JavaScript que quieran aprender su primer Framework
  • Si aprendes con proyectos este curso es para ti
  • Si deseas convertirte en frontend developer este curso es para ti
  • Si sabes React o Node y quieres añadir una herramienta adicional a tus habilidades, este curso es para ti

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:

(Cupón válido para las primeras 1000 inscripciones): 24T2MT111524
Udemy UK
Tags:

Articulos Relacionados

content

Universidad Desarrollo Web - FrontEnd Web Developer!

El mejor curso para aprender a crear aplicaciones Web Modernas con HTML, CSS y JavaScript. Serás un FrontEnd Developer!

Ir al Curso
content

Universidad Angular - Cero a Experto - Actualizado-Angular18

Domina Angular y crea aplicaciones web del mundo real con TypeScript, Firebase, Cloud Firestore, JWT y más!

Ir al Curso
content

Angular: De cero a experto

Componentes, directivas, servicios, mapas, gráficas, JWT, autenticación, despliegues, mongo, Git, GitHub y mucho más

Ir al Curso
Suscríbete a nuestro boletín
Reciba los últimos Cupones y promociones (Solicitar Cupón)