Skip to main content

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

  • Master Laravel, Vue 3 & Inertia Full Stack 2023

    Master Laravel, Vue 3 & Inertia Full Stack 2023

    Sources: udemy
    Learn Laravel together with Vue.js in this brand new, full-stack, project based course! Learn how to create a robust API in Laravel and a Single Page Application frontend in Vue...
    35 hours 53 minutes 40 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
  • Rapid Development with Vite

    Rapid Development with Vite

    Sources: vueschool.io
    Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, we cover everything you need to know...
    1 hour 40 minutes 49 seconds
  • Common Vue.js Mistakes and How to Avoid Them

    Common Vue.js Mistakes and How to Avoid Them

    Sources: vueschool.io
    Mistakes are inevitable, but their repetition can be prevented. In this course, we will look at the most common mistakes made by Vue.js developers and find...
    1 hour 12 minutes 47 seconds