|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vuejs-la-guia-completa-composition-pinia-mevn-creando-proyectos-reales/
课程评论：没有评论
课程名称：Vue.js 3 - 完整指南 - Composition Pinia MEVN 10个应用 课程概述：如果你是通过创建真实项目来学习的， 那么这个课程非常适合你。 你将学习到的内容包括： - 使用 Ref 和 Reactive 管理状态 - 计算属性 - 在 Vue.js 中的 Watchers - 组件生命周期 - 单文件组件 - 模板、脚本和样式结合在一个文件中 - 在 Vue.js 中的指令，包括 v-for、v-if、v-else - 事件及自定义事件 - Emits 和 Props - 使用 Pinia 管理全局状态 - Vue Router 用于创建多页面项目 - 创建和消耗 API 及 REST API - 使用 Firebase 保存数据、文件和用户认证 - MEVN 技术栈 - MongoDB、Express、Vue.js 和 Node.js，创建一个包含管理面板的全栈应用程序、API 等 - 将 TailwindCSS 集成到 Vue.js - 使用 Vuetify - 创建和定义 composables 以便于代码分离和重用 项目从简单到复杂设计，你可以将这些项目用作作品集，售卖给客户，但它们不能构成课程的一部分，否则将会采取法律行动。 1. **GuitarLA**：第一个项目是一个在线吉他商店的购物车，用户可以添加吉他、修改数量、删除商品，学习计算总价的 computed property 等。 2. **患者管理系统**：学习表单处理和状态管理，用户可以更新其记录，首次使用 TailwindCSS。 3. **费用控制**：添加更多组件和操作，利用 Vue.js 的响应式 API 创建动态互动应用，深入学习 JavaScript 基础。 4. **加密货币报价工具**：开始使用外部 API，学习如何发送参数并处理 API 响应。 5. **天气应用**：类似于上述项目，连接外部天气 API，学习如何获取并呈现数据。 6. **客户注册**：创建 REST API，处理数据的接收、创建、删除和更新，首次使用 Vue Router。 7. **饮料食谱搜索器**：整合多个工具：Vue Router、TailwindCSS 和 Pinia，来管理全球状态。 8. **房地产应用**：第一个全栈项目，使用 Firebase 作为后端，便于没有后端知识的用户上传文件和创建数据。 9. **销售点系统**：第二个全栈项目，增加更多功能、集合与依赖，优化 Firebase 的使用。 10. **美发沙龙应用**：复杂的 MEVN 项目，包含 Node.js / Express / MongoDB / REST API / MVC，提供预约服务、用户认证等功能。 这个课程将大大提升你的 Vue.js 编程能力和项目实践经验。
Si eres de las personas que aprenden mejor cuando creas proyectos reales este curso es para tiAlgunos de los temas que vas a aprender en este curso incluyen:State con Ref y ReactiveComputed PropertiesWatchers en Vue.jsCiclo de Vida de los componentesSingle File Components - Template - Script y Style en un mismo archivo.Directivas en Vue.js incluyendo v-for v-if v-elseEventos y Eventos PersonalizadosEmits y PropsPinia para manejar un estado globalVue Router para crear proyectos con múltiples páginas.Crear y Consumir API's y REST API's en Vue.jsFirebase para guardar datos, archivos y autenticación de usuariosMEVN - MongoDB Express Vue.js y Node.js creando una aplicación Full Stack con panel de administración, API, y mucho másIntegrar tailwindcss a Vue.jsUtilizar 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.- GuitarLAEl 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 PacientesSegundo 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 tailwindcss03.- Control de GastosEn 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 CriptomonedasEste 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 ClimaSimilar 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 ClientesLas 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 BebidasEste 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 RaicesPrimer 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 VentaEl 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 SalonEl 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.
