TarikHuber / pwa_workshop

Salzburg - University of Applied Sciences - PWA examples

PWA Workshop

In this workshp we will learn how to create and debug PWAs. Every lesson is in a separate folder.

Instructions

Requirements

1. Install node.js
2. Install serve with this command: npm i -g serve

Starting an example

To start an example open your console and go to the example folder. There run this command: serve. You can view the example unter the link localhost:5000.

For a custom port run like 3000: serve -p 3000. In that case you can view the example under the link: localhost:3000

Recommended to read

1. https://web.dev/service-worker-mindset/
2. https://web.dev/tags/progressive-web-apps/
3. https://web.dev/building-a-pwa-at-google-part-1/
4. https://chromium.googlesource.com/chromium/src/+/master/docs/security/service-worker-security-faq.md
5. https://developers.google.com/web/fundamentals/primers/service-workers/lifecycle
6. https://redfin.engineering/service-workers-break-the-browsers-refresh-button-by-default-here-s-why-56f9417694
7. https://redfin.engineering/how-to-fix-the-refresh-button-when-using-service-workers-a8e27af6df68

Updates 2021

1. https://developer.chrome.com/blog/improved-pwa-offline-detection/

Update 2023

1. https://web.dev/learn/pwa/