Vuetify: Make a VueJS app look good, even if you're bad at design

  • 702

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: https://www.youtube.com/watch?v=9xF89Q2052g
Next video in series: https://youtu.be/WOv3w2tSp-Y
Playlist: https://www.youtube.com/playlist?list=PLPwpWyfm6JADRf8x1Jc0Da8R71WJyt-Jn

*** Github links ***

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

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