playlistduration

Vuetify Tutorial

by Net Ninja · 32 videos

Total watch time

3h 47m

at 1× speed · exactly 3 hours, 47 minutes, 16 seconds at 1×

1×3h 47m 16s
1.25×3h 1m 49s
1.5×2h 31m 31s
1.75×2h 9m 52s
2×1h 53m 38s
Average video7m 6s
Longest12m 29s
Shortest2m 57s
Compare Open on YouTube JSON

Plan to finish

About 4 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 4 days. Turn on JavaScript to plan around your week.

Videos (32)

3h 47m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 Vuetify Tutorial #1 - What is Vuetify? 4:41 2018-11-19
2 Vuetify Tutorial #2 - Setting Up Vuetify 4:53 2018-11-19
3 Vuetify Tutorial #3 - Vuetify Basics 8:12 2018-11-19
4 Vuetify Tutorial #4 - Text & Colours 8:09 2018-11-20
5 Vuetify Tutorial #5 - Button & Icons 10:00 2018-11-21
6 Vuetify Tutorial #6 - Breakpoints & Visibility 6:01 2018-11-21
7 Vuetify Tutorial #7 - Toolbars 7:32 2018-11-23
8 Vuetify Tutorial #8 - Navigation Drawers 4:28 2018-11-23
9 Vuetify Tutorial #9 - Themes 3:23 2018-11-26
10 Vuetify Tutorial #10 - Lists 9:01 2018-11-26
11 Vuetify Tutorial #11 - Adding Routes 4:30 2018-11-28
12 Vuetify Tutorial #12 - Padding & Margin 7:14 2018-11-28
13 Vuetify Tutorial #13 - The Grid System (part 1) 12:29 2018-11-28
14 Vuetify Tutorial #14 - Grid System (part 2) 6:28 2018-11-29
15 Vuetify Tutorial #15 - Dummy Project Data 7:16 2018-11-30
16 Vuetify Tutorial #16 - Chips 5:06 2018-11-30
17 Vuetify Tutorial #17 - Sorting Projects 8:45 2018-12-03
18 Vuetify Tutorial #18 - Tooltips 3:49 2018-12-03
19 Vuetify Tutorial #19 - Cards 7:48 2018-12-05
20 Vuetify Tutorial #20 - Avatars 7:15 2018-12-05
21 Vuetify Tutorial #21 - Expansion Panels 10:22 2018-12-06
22 Vuetify Tutorial #22 - Menus 6:16 2018-12-07
23 Vuetify Tutorial #23 - Popups (dialogs) 4:54 2018-12-07
24 Vuetify Tutorial #24 - Form Basics 7:02 2018-12-10
25 Vuetify Tutorial #25 - Datepickers 7:50 2018-12-10
26 Vuetify Tutorial #26 - Simple Form Validation 6:07 2018-12-11
27 Vuetify Tutorial #27 - Firestore Databases 8:16 2018-12-13
28 Vuetify Tutorial #28 - Adding Firestore Data 10:58 2018-12-13
29 Vuetify Tutorial #29 - Button Loaders 6:06 2018-12-14
30 Vuetify Tutorial #30- Snackbars 7:08 2018-12-17
31 Vuetify Tutorial #31 - Firestore Real-time Listeners 12:20 2018-12-17
32 Vuetify Tutorial #32 - What Next? 2:57 2018-12-17

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 3h 47m · 32 videos

Markdown
[![Watch time: 3h 47m · 32 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9g0MQZfHwKcuB0Yswgb3gA5.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9g0MQZfHwKcuB0Yswgb3gA5)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9g0MQZfHwKcuB0Yswgb3gA5"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9g0MQZfHwKcuB0Yswgb3gA5.svg" alt="Watch time: 3h 47m · 32 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9g0MQZfHwKcuB0Yswgb3gA5 returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.