playlistduration

PWA Tutorial for Beginners

by Net Ninja · 31 videos

Total watch time

4h 13m

at 1× speed · exactly 4 hours, 12 minutes, 32 seconds at 1×

1×4h 12m 32s
1.25×3h 22m 2s
1.5×2h 48m 21s
1.75×2h 24m 18s
2×2h 6m 16s
Average video8m 9s
Longest23m 22s
Shortest2m 47s
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 (31)

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

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

Videos to
Watched
1 PWA Tutorial for Beginners #1 - What Are PWA's? 7:24 2019-05-06
2 PWA Tutorial for Beginners #2- Setting up a Project 23:22 2019-05-06
3 PWA Tutorial for Beginners #3 - The Web App Manifest 10:01 2019-05-07
4 PWA Tutorial for Beginners #4 - Android Emulator 7:54 2019-05-08
5 PWA Tutorial for Beginners #5 - iOS Support 2:47 2019-05-08
6 PWA Tutorial for Beginners #6 - Intro to Service Workers 3:50 2019-05-10
7 PWA Tutorial for Beginners #7 - Service Worker Life-cycle 6:30 2019-05-10
8 PWA Tutorial for Beginners #8 - Registering a Service Worker 9:04 2019-05-13
9 PWA Tutorial for Beginners #9 - The Install Event 3:54 2019-05-13
10 PWA Tutorial for Beginners #10 - The 'Activate' Event 7:32 2019-05-15
11 PWA Tutorial for Beginners #11 - Lighthouse Audit 5:00 2019-05-15
12 PWA Tutorial for Beginners #12 - Fetch Events 5:22 2019-05-17
13 PWA Tutorial for Beginners #13 - The Install Banner 5:38 2019-05-17
14 PWA Tutorial for Beginners #14 - Offline Mode Explained 5:31 2019-05-20
15 PWA Tutorial for Beginners #15 - Pre-Caching Assets 12:41 2019-05-20
16 PWA Tutorial for Beginners #16 - Getting Cached Assets 12:09 2019-05-22
17 PWA Tutorial for Beginners #17 - Cache Versioning 14:40 2019-05-22
18 PWA Tutorial for Beginners #18 - Dynamic Caching 10:49 2019-05-25
19 PWA Tutorial for Beginners #19 - Offline Fallback Page 7:33 2019-05-25
20 PWA Tutorial for Beginners #20 - Conditional Fallbacks 4:26 2019-05-27
21 PWA Tutorial for Beginners #21 - Limiting Cache Size 7:06 2019-05-27
22 PWA Tutorial for Beginners #22 - Site Audit Refresh 3:03 2019-05-29
23 PWA Tutorial for Beginners #23 - Firestore Database 8:43 2019-05-29
24 PWA Tutorial for Beginners #24 - Realtime Data 13:12 2019-05-31
25 PWA Tutorial for Beginners #25 - Updating the UI 8:59 2019-05-31
26 PWA Tutorial for Beginners #26 - Offline Data 10:59 2019-06-03
27 PWA Tutorial for Beginners #27 - Adding Recipes 10:34 2019-06-03
28 PWA Tutorial for Beginners #28 - Deleting Recipes 11:29 2019-06-05
29 PWA Tutorial for Beginners #29 - Deploying to Firebase 5:03 2019-06-05
30 PWA Tutorial for Beginners #30 - Testing the App 4:12 2019-06-07
31 PWA Tutorial for Beginners #31 - Next Steps 3:05 2019-06-07

Embed a badge

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

Watch time: 4h 13m · 31 videos

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