Material UI with Vuetify and Vue.js

1h 40m 10s
English
Paid

Course description

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!

Read more about the course

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.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 12 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What is Vuetify?

All Course Lessons (12)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Mastering Nuxt, 2025 Edition

Mastering Nuxt, 2025 Edition

Sources: masteringnuxt.com, Michael Thiessen
Mastering Nuxt: Full Stack Unleashed - 2025 Edition - is not just a course, but a comprehensive step-by-step guide to modern Nuxt, created with the...
7 hours 36 minutes 9 seconds
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Sources: udemy
Learn how to create an Admin App using Vue 3. Vue 3, Nuxt.js, Composition API, Options API, Vuex, Typescript, Docker, c3.js charts, Upload Images, Export CSV, S
4 hours 59 minutes 48 seconds
Full Stack Isomorphic JavaScript with Vue.js & Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js

Sources: udemy
Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—M
5 hours 33 minutes 49 seconds
Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Sources: udemy
Learn how to create an Ambassador App using Vue 3, NuxtJS and NestJS. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big N
7 hours 37 minutes 36 seconds
Vue 3 and Laravel: Breaking a Monolith to Microservices

Vue 3 and Laravel: Breaking a Monolith to Microservices

Sources: udemy
Microservices Architecture, Vue 3, Nuxt.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using Vue 3 and Laravel t...
14 hours 4 minutes 43 seconds