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

Vuetify: Make a VueJS app look good, even if you're bad at design
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

Suggest:

JavaScript Programming Tutorial Full Course for Beginners

Learn JavaScript - Become a Zero to Hero

Vuejs - Vuetify UI Design, Sprint Report System - Dashboard - Javascript | HTML - CSS | Vue-ECharts

Vuejs - Vuetify UI Design, Task Management Timelines - Dashboard - Javascript | HTML - CSS

E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

Top 10 JavaScript Questions