|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/vuetify-vuejs-vuex/
课程评论：没有评论
课程名称：Vuetify 2：用 Vue JS 2 和 Vuex 创建应用 - 5 小时！ 课程概述：请注意，此课程是针对 Vuetify 2（与 Vue JS 2 一起）的传统课程，课程内容不包括 Vuetify 3（与 Vue JS 3 一起）。在本课程中，您将学习如何使用 Vuetify 2、Vue JS 2 和 Vuex 从零开始创建一个美观的 Todo 应用。Vuetify 是一个非常流行的 Vue UI 框架，提供了数百种 Material Design 组件，可用于创建几乎任何网站或应用程序。 课程内容包括使用大量 Vuetify 组件，如列表、文本框、菜单、对话框、日期选择器、Snackbars 等，创建一个具有响应能力的应用，确保其在桌面和移动设备上都能良好展示。您将使用 Vuex 来集中管理应用的核心数据和逻辑，设置状态、突变、动作及获取器。 课程中，您会将应用拆分为子组件，以便更好地管理项目。在我们的课程应用 Vuetify Todo 中，可以显示任务列表，添加任务，并通过点击将任务标记为完成。每个任务都有一个菜单，提供编辑任务名称、添加到期日、删除任务以及拖放重新排序的选项。您还可以使用扩展搜索框对任务进行过滤。 课程将使用 Vue Router 来设置页面和路由，并通过导航抽屉中的链接进行导航。所有数据将在用户的浏览器中使用 IndexedDB 和 Localbase 存储，即使用户关闭或刷新浏览器，所有数据也将保持不变。课程结束后，您将能够在真实的 iOS 和 Android 设备上测试、调试和修复应用，并将完成的应用部署到 Netlify！
Note: This is a legacy course for Vuetify 2 (with Vue JS 2). Vuetify 3 (with Vue JS 3) are not covered in this course.In this course you'll learn how to use Vuetify 2, along with Vue JS 2 & Vuex to create a gorgeous Todo app from scratch.Vuetify is a hugely popular Vue UI Framework offering 100s of Material Design Components that can be used to create almost ANY website or app.However, it can be difficult to get started, so in this course you'll learn how to create a beautiful, responsive app from scratch that looks great on both desktop & mobile. You're gonna use tons of Vuetify Components such as Lists, Text Fields, Menus, Dialogs, Date Pickers, Snackbars & much more.You'll also use Vuex to centralise the app's core data & logic, setting up State, Mutations, Actions & Getters.You'll split your app up into Child Components, to make the project easier to manage.In our course app, Vuetify Todo we can display a list of tasks, add tasks & mark tasks as done by tapping on them. Each task has a Menu, with options to edit the name of a task, add due date to a task, delete a task and even an option to reorder our tasks using drag & drop.We can even filter our tasks using an expanding search field. You'll use Vue Router to setup Pages & Routes which can be navigated by links in the Navigation Drawer.You're gonna store all the data in the user's browser using IndexedDB & Localbase. So even if the user closes the browser or refreshes it - all their data is maintained.You'll test, debug & fix the app on real iOS & Android devices.And when you're done, you'll deploy your finished app to Netlify!
