Codelab - Progressive Web Apps

Yassine Benabbas
@yostane

Présenté par

Préparé par

Yassine Benabbas
@yostane

Sylvain Pollet-Villard
@SylvainPV

Codelab - Progressive Web Apps

Support disponible ici :
pwa-workshop.js.org

Objectif: transformer une web-app classique en PWA

Codelab - Progressive Web Apps

pwa-workshop.js.org

Etapes du workshop

1. Ajout d'un manifeste d'application web (~15 min)
2. Installation et activation d'un Service Worker (~20 min)
3. Precaching des assets statiques et mode offline (~20 min)
4. Stratégie de Cache/Update/Refresh pour l'API (~20 min)
5. Background sync et exemple de notification push (~20 min)
6. Installation de la PWA (~10 min)

En retard sur une étape ?

       Check-out le tag de l'étape sur laquelle tu bloques :

       etape-2 pour démarrer l'étape 3 par exemple

Etape 1 - Manifeste d'application web

Etape 2 - Installation du Service Worker

Etape 3 - Precaching et mode offline

Etape 4 - Stratégie Cache / Update / Refresh

Etape 5 - Background Sync et Notifications

Etape 6 - Installation

Terminé ? Félicitations ! 🎉

Retrouvez un support de documentation complet sur les PWA ici :
pwa-cookbook.js.org

Une correction, une remarque, une suggestion ?
Nos supports sont dispos sur Github et ouverts aux Pull Requests