HTML & CSS Crash Course Tutorial

by Net Ninja · 11 videos

Total watch time

4h 9m

at speed · exactly 4 hours, 9 minutes, 4 seconds at 1×

4h 9m 4s
1.25×3h 19m 15s
1.5×2h 46m 3s
1.75×2h 22m 19s
2h 4m 32s
Average video22m 39s
Longest42m 38s
Shortest3m 24s
Compare Open on YouTube JSON

Plan to finish

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

Videos (11)

4h 9m in total · tick what you've watched

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

Videos to
Watched
1 HTML & CSS Crash Course Tutorial #1 - Introduction 20:00 2019-07-09
2 HTML & CSS Crash Course Tutorial #2 - HTML Basics 19:52 2019-07-09
3 HTML & CSS Crash Course Tutorial #3 - HTML Forms 31:55 2019-07-11
4 HTML & CSS Crash Course Tutorial #4 - CSS Basics 42:38 2019-07-12
5 HTML & CSS Crash Course Tutorial #5 - CSS Classes & Selectors 26:27 2019-07-17
6 HTML & CSS Crash Course Tutorial #6 - HTML 5 Semantics 14:14 2019-07-19
7 HTML & CSS Crash Course Tutorial #7 - Chrome Dev Tools 11:50 2019-07-22
8 HTML & CSS Crash Course Tutorial #8 - CSS Layout & Position 39:21 2019-07-24
9 HTML & CSS Crash Course Tutorial #9 - Pseudo Classes & Elements 16:47 2019-07-26
10 HTML & CSS Crash Course Tutorial #10 - Intro to Media Queries 22:36 2019-07-30
11 HTML & CSS Crash Course Tutorial #11 - Next Steps 3:24 2019-07-30

Embed a badge

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

Watch time: 4h 9m · 11 videos

Markdown
[![Watch time: 4h 9m · 11 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G.svg" alt="Watch time: 4h 9m · 11 videos" width="196" 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/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G 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.