PWA Tutorial for Beginners #14 - Offline Mode Explained

Hey gang, in this PWA tutorial for beginners we'll look at how the basics of offline mode works, using a service worker to pre-cache assets.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[justingolden]

Man I just wanted to say thank you for explaining all of these complex PWA/service worker concepts at a level that a third grader could understand, with super simple diagrams and then going through just the important stuff. It's really much easier for me to understand this than a few years ago when I tried doing this stuff myself just by looking at the documentation.

I'm also glad you seem to be covering PWA stuff before all the firebase stuff, which is good because you already have a separate (and very awesome) firebase tutorial, and I (like many others) don't necessarily want to make the PWA I'm planning with firebase, or even a backend at all, but it's still very good to have that resource to learn about connecting a PWA to a backend for the future.

[ridl]

It is so cool when the whole playlist already released and I shouldn't wait for the next episode :D

[brunogomes]

man, you dont know grateful I am for your channel, your courses has helped me so much already. Thank you thank you thank you!

[el]

wow, this is so powerful! i never wondered how other apps did this and now it all makes sense!

[ShashotoANur]

It's adorable how the service worker can talk for itself

[nchapelain]

great great job ! .... from the beginning

[abdallahhussein]

How to remove chome icon on top of the application after opened.
I mean after open app on Android there is chrome icon or it seems like notification that give user option to browse in chrome if user wish

[nerdiloo]

Additionally to using the Android SDK or browser/real-device (which I do), there is also Ionic Framework (android/ios), apache cordova (most phones), browserstack (an online emulator of desktops, mobile devices). But personally I just connect my device.. The sdk has always been super slow for me on windows (maybe i'll try again after all these years).

[justingolden]

Question: does the service worker know if the device is offline? In the diagram it looks like it doesn't, and you don't mention that it does, but it seems that would be useful so the service worker can decide which files to load or messages to show if online vs offline.

[matolbut]

Hi, great course :) I have just one question, could you upload code files to github repository? Now, there is only readme :(

[StijnHommes]

Any app can be used offline without a connection unless that app needs to download data. Youtube doesn't work offline unless you pay for the privilege to download content. The same goes for online games, etc.

[lardosian]

What kind of storage limit do caches have??