Vuetify: Create an App with Vue JS & Vuex - in 5 Hours!
What you'll learn
- How to create a beautiful app with Vuetify, Vue JS & Vuex
- How to move core data & logic into a Vuex Store with State, Mutations, Actions & Getters
- How to break the app up into Child Components
- How to use many Vuetify Components such as Lists, Text Fields, Dialogs, Date Pickers, Snackbars & Menus
- How to use Vue Router & Navigation Guards
- How to make data persist in the user's browser using IndexedDB & Localbase
- How to test & debug the app on real iOS & Android devices
Requirements
- Basic HTML, CSS & JavaScript knowledge is required
- Basic VueJS knowledge is beneficial but not required
Description
In this course you'll learn how to use Vuetify, along with Vue JS & 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!
Who this course is for:
- Anyone who wants to get started quickly with Vuetify, Vuex & Vue JS
Instructor
![Danny Connell](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.8 Instructor Rating
- 3,641 Reviews
- 22,065 Students
- 6 Courses
I spent 7 years working for various companies in the UK as a Web Developer (both front- and back-end) becoming highly skilled in HTML, CSS, JavaScript, jQuery, PHP and many more.
After becoming more interested in apps, I worked for 2 years as a Hybrid App Developer, creating cross-platform apps for the charity sector using technologies including Angular, Ionic, Vue.js and more.
I created my own successful app called Fudget (for iOS, Android, Mac & Windows) which is the highest user-rated personal finance app on iOS with over 1.5 million downloads. This eventually enabled me to leave my job and become a full-time Indie App Developer, working on my own apps.
I have a young but successful YouTube channel where I also share coding tutorials.
I'm super excited to share my knowledge on Udemy!