Le terme Progressive Web App (PWA) n'a sans doute pas échappé à toute personne qui suit l'actualité web. À quoi correspond ce terme et qu'apporte t-il à une application web ? Ce Codelab vous permettra de mieux comprendre les PWA avec un peu de pratique ⌨️.

Nous allons ensemble transformer une application web classique en une PWA. Cela permettra à l'utilisateur de disposer d'un mode offline basique pour consulter l'application et de pouvoir l'ajouter en raccourci sur l'écran d'accueil de son smartphone.

Prérequis
1. Connaître les bases du HTML, CSS et JavaScript.
2. Un poste de travail muni d'un éditeur de code tel que Visual Studio Code
3. le navigateur Google Chrome (les PWA sont supportées par la plupart des navigateurs mais pour faciliter l'organisation et pour ses outils de dev PWA, nous utiliserons tous ce navigateur pendant le développement)
4. Un serveur web local (si vous n'en avez pas, essayez npmjs.com/serve ou encore l'extension Live server de visual Studio Code)

Plan du codelab (alter spoil):
1. Ajout d'un manifeste d'application web
2. Installation et activation d'un Service Worker
3. Precaching basique pour des assets statiques afin d'avoir un mode offline minimal
4. Stratégie de Cache/Update/Refresh pour les requêtes GET de l'API
5. Background sync et exemple de notification

Speakers:
Yassine BENABBAS.
Je développe des applications mobiles chez Worldline depuis 2011 et je programme avec passion depuis plus d'un dizaine d'année. Je m’intéresse actuellement aux sujets mobiles et web mais j'aime bien toucher un peu à tout. Je suis accessoirement enseignant et docteur en informatique.

Sylvain POLLET-VILLARD
Sylvain est spécialisé dans le développement web front-end et JavaScript. Militant pour une approche «One Web», il a écrit un livre sur la création de sites web multiplateformes. Il travaille actuellement chez Worldline en tant que developer community manager et étudie les Progressive Web Apps comme axe recherche.