Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the beautiful Material Design spec. It's also the most used UI library for Vue.js with over half a million weekly downloads!
Material UI with Vuetify and Vue.js
1h 40m 10s
English
Paid
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify.
This UI library contains 80+ ready to use components designed according to the beautiful Material Design spec. Components include common things like buttons, tables, menus, avatars, ratings, dialogs, layouts, and more. Plus, all are built with accessibilty in mind.
This popular UI library (the most popular in fact!), also includes a flexible design system with customizable SaaS variables and the ability to configure all component defaults at the global level.
Additional
About the Author: Vue School
Vue School (vueschool.io) is a Greece-based Vue.js training platform founded by Alex Kyriakidis, an early Vue community member and one of the longest-running independent Vue educators. Vue School operates as both an on-demand course platform and a Vue / Nuxt consulting business, with course material that often emerges from real client engagements.
Course material covers the full Vue ecosystem: Vue 3 fundamentals through advanced Composition API patterns, Nuxt 3 production deployment, Pinia state management, Vue Router, the testing track with Vitest, TypeScript with Vue, real-time features with Pusher / WebSockets, and the broader full-stack Vue work. Vue School also publishes the popular Mastering Pinia course in collaboration with Pinia's author Eduardo San Martín Morote.
The CourseFlix listing under this source carries over 30 Vue School courses spanning that range. Material is paid; Vue School runs on per-course or membership pricing on the original platform. Courses are aimed at Vue developers from beginner through senior level building production Vue applications.
Watch Online 12 lessons
0:00
/ #1: What is Vuetify?
All Course Lessons (12)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | What is Vuetify? Demo | 03:24 | |
| 2 | Create the Project and Define the Page Layout | 08:10 | |
| 3 | A User Profile Menu in the NavBar with Vuetify | 07:41 | |
| 4 | The Vuetify Navigation Drawer | 09:49 | |
| 5 | The Table Component and Some CSS Utilities | 07:50 | |
| 6 | The Data Table Component and Vuetify Labs | 14:57 | |
| 7 | Vuetify Buttons and Dialogs | 09:44 | |
| 8 | Vuetify Form and Input Components | 13:13 | |
| 9 | Vuetify Form Validation | 07:38 | |
| 10 | Vuetify Feedback Components | 07:26 | |
| 11 | Vuetify Directives | 06:43 | |
| 12 | Course Conclusion | 03:35 |
Unlock unlimited learning
Get instant access to all 11 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 11mo agoVue Component Design: Master Scalable Vue.js Patterns
By: Vue SchoolBuild scalable Vue components with clear patterns. In this course, you learn how to design Vue parts that are easy to read, test, and grow.54m -
Updated 2y agoVue JS 3: Composition API (with Pinia, Firebase 9 & Vite)
By: UdemyIf you’re already familiar with Vue 2 & The Options API, then this course will teach you everything you need to know to switch over to (and get started with) Vu9h 10m -
Updated 2y agoAdvanced Vue Component Design
By: Adam WathanWhen I first started using Vue, I fell in love because of how easy it made it to do what quickly turned into a mess with jQuery, like dynamically adding fields3h 57m
Frequently asked questions
What is Material UI with Vuetify and Vue.js about?
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the beautiful Material Design spec. It's also the most used UI library for Vue.js…
Who teaches this course?
It is taught by Vue School. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 12 lessons with a total runtime of 1 hour 40 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/material-ui-with-vuetify-and-vue-js. The page hosts every lesson with the integrated video player; no download is required.