PWA Workshop

Get all the instructions here:
pwa-workshop.js.org

You will need :

• an Internet connection
• a code editor
• a local web server
• latest Google Chrome

pwa-workshop.js.org

Workshop steps

1. Add a web application manifest (~ 15 min)
2. Installation and activation of a Service Worker (~ 15 min)
3. Precaching static assets and offline mode (~ 20 min)
4. Cache / Update / Refresh strategy for the API (~ 20 min)
5. Background sync and push notification example (~ 15 min)

Objective

      Transform a classic website into a Progressive Web App

Step 1 - Web application Manifest

Step 2 - Install a Service Worker

Step 3 - Precaching and offline mode

Step 4 - Cache / Update / Refresh Strategy

Step 5 - Background Sync and Notifications

pwa-workshop.js.org

Workshop steps

1. Add a web application manifest (~ 15 min)
2. Installation and activation of a Service Worker (~ 15 min)
3. Precaching static assets and offline mode (~ 20 min)
4. Cache / Update / Refresh strategy for the API (~ 20 min)
5. Background sync and push notification example (~ 15 min)

Late or stuck on a step ?

       git checkout tags/stepN to jump to step N
       (for example, if you are stuck on step 3, checkout tag step4)

       Do not hesitate to raise your hand and ask for support

Finished ? Congratulations ! 🎉

Find a complete documentation about PWA here :
pwa-cookbook.js.org

Any comment, suggestion or correction ?

Let us a Pull Request on  Github or contact us

Yassine Benabbas
@yostane

Sylvain Pollet-Villard
@SylvainPV