playlistduration

Material UI Tutorial

by Net Ninja · 18 videos

Total watch time

2h 37m

at 1× speed · exactly 2 hours, 36 minutes, 51 seconds at 1×

1×2h 36m 51s
1.25×2h 5m 29s
1.5×1h 44m 34s
1.75×1h 29m 38s
2×1h 18m 26s
Average video8m 43s
Longest14m 16s
Shortest5m 2s
Compare Open on YouTube JSON

Plan to finish

About 3 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 3 days. Turn on JavaScript to plan around your week.

Videos (18)

2h 37m in total · tick what you've watched

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

Videos to
Watched
1 Material UI Tutorial #1 - Intro & Setup 7:24 2021-03-15
2 Material UI Tutorial #2 - Typography 10:35 2021-03-15
3 Material UI Tutorial #3 - Buttons 8:27 2021-03-16
4 Material UI Tutorial #4 - Icons 5:42 2021-03-16
5 Material UI Tutorial #5 - makeStyles Hook (Custom CSS) 5:37 2021-03-17
6 Material UI Tutorial #6 - Custom Themes 10:24 2021-03-18
7 Material UI Tutorial #7 - Text Fields 13:48 2021-03-19
8 Material UI Tutorial #8 - Radio Buttons 10:41 2021-03-22
9 Material UI Tutorial #9 - Using JSON Server 12:49 2021-03-22
10 Material UI Tutorial #10 - Grid System 9:08 2021-03-23
11 Material UI Tutorial #11 - Card Components 14:16 2021-03-24
12 Material UI Tutorial #12 - Layout Component 5:02 2021-03-26
13 Material UI Tutorial #13 - Permanent Drawer 6:02 2021-03-26
14 Material UI Tutorial #14 - Lists & List Items 10:10 2021-03-29
15 Material UI Tutorial #15 - More on makeStyles 5:15 2021-03-29
16 Material UI Tutorial #16 - App Bars 9:36 2021-03-30
17 Material UI Tutorial #17 - Avatars 6:40 2021-03-30
18 Material UI Tutorial #18 - React Masonry CSS (masonry layout) 5:15 2021-03-31

Embed a badge

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

Watch time: 2h 37m · 18 videos

Markdown
[![Watch time: 2h 37m · 18 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58.svg" alt="Watch time: 2h 37m · 18 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/PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58 returns them as JSON — free, no key. API docs →

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