Codelab - Progressive Web Apps

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

Etapes du workshop

  1. Ajout d'un manifeste d'application web (~15 min)
  2. Installation et activation d'un Service Worker (~15 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 (~15 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

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

PWA Codelab - GDG Lille 07/06/18

By sylvainpv

PWA Codelab - GDG Lille 07/06/18

Plan du codelab PWA, GDG Lille, 7 juin 2018

  • 1,641