In this tutorial we’re going to take a functional but ugly app and turn it into a beautiful app — or, at the very least, one that’s less ugly — using Vuetify, a Material Design library for VueJS.

0:00 Start
1:00 Why Vuetify?
4:36 Installing Vuetify
11:00 Fixing the Video List
34:10 Fixing the Video Watch page

Specifically, we’re going to cover creating a navbar, improving button style and interaction (such as @mousedown events), using the inbuilt style classes (including color), using a bootstrap-style rows/columns layout, and using a cards layout.

Previous video in series:
Next video in series:

*** Github links ***

* Installing Vuetify:
* Making nice buttons and header:
* Turning videos into cards:
* Vuetifying the video watch page:

I hope you enjoy, and please continue to like/comment/subscribe! Your comments so far have been both helpful and encouraging!

*** Find me online! ***

Website coming soon.

#Vuetify #VueJS #Tutorial #UIFrameworks #Vue #2019 #Javascript


Read also >>  Add CSV Excel Export Button in Laravel Yajra Datatable


Please enter your comment!
Please enter your name here