Build an SPA with HTMX
Total watch time
52m 3s
at 1× speed · exactly 52 minutes, 3 seconds at 1×
| 1× | 52m 3s |
|---|---|
| 1.25× | 41m 38s |
| 1.5× | 34m 42s |
| 1.75× | 29m 45s |
| 2× | 26m 2s |
Average video7m 26s
Longest10m 51s
Shortest3m 38s
Remaining—
Plan to finish
About 1 day 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 1 day. Turn on JavaScript to plan around your week.
Subscribe (keeps updating)
Google Calendar (first session)
The .ics file imports into Google Calendar, Apple Calendar and Outlook — one event per study day listing that day's videos. Subscribing instead keeps the plan in step with the playlist: new videos become new sessions. In Google Calendar use Other calendars → From URL with the copied feed URL.
Videos (7)
52m 3s in total · tick what you've watched
Tick videos you've watched — progress is saved in this browser.
| Watched | ||||
|---|---|---|---|---|
| 1 |
 Build an "SPA" with HTMX #1 - Introduction & Setup
|
10:51 | 2024-07-23 | |
| 2 |
 Build an "SPA" with HTMX #2 - Showing Initial Data
|
6:17 | 2024-07-24 | |
| 3 |
 Build an "SPA" with HTMX #3 - Using hx-push-url
|
10:35 | 2024-07-24 | |
| 4 |
 Build an "SPA" with HTMX #4 - Using hx-boost for Links
|
4:36 | 2024-07-25 | |
| 5 |
 Build an "SPA" with HTMX #5 - Using hx-boost (for Forms)
|
9:21 | 2024-07-29 | |
| 6 |
 Build an "SPA" with HTMX #6 - Using hx-history-elt
|
3:38 | 2024-07-30 | |
| 7 |
 Build an "SPA" with HTMX #7 - Making a Loader with hx-indicator
|
6:45 | 2024-07-31 |
No videos match that filter.
Embed a badge
Show the watch time in a README or course description — it links back here and updates itself
Markdown
[](https://playlistduration.com/playlist/PL4cUxeGkcC9gGiQQoW8HcyrQJdzTEFtmP)HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gGiQQoW8HcyrQJdzTEFtmP"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gGiQQoW8HcyrQJdzTEFtmP.svg" alt="Watch time: 52m 3s · 7 videos" width="195" 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/PL4cUxeGkcC9gGiQQoW8HcyrQJdzTEFtmP 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.