- Assimiler l’approche de développement
- Comprendre le fonctionnement des Services Workers
- Connaître l’outillage
- Être capable de construire une PWA
- Avoir les clés pour choisir entre une PWA et un autre type d’application
Présentation :
Grâce aux évolutions des navigateurs Web et aux features HTmL5, il est possible de développer des applications Web qui se comportent comme des applications mobiles. Ce workshop vous permettra de découvrir les Progressive Web Apps, un nouveau type d’application Web axée sur le mobile. Au cours de cette formation, vous apprendrez les éléments nécessaires à mettre en place pour construire une PWA. Grâce à plusieurs features de HTML5, vous mettrez également en oeuvre des concepts plus avancés comme les notifications, le stockage hors ligne, la synchronisation ou la manipulation de certains capteurs du device.
Programme
Introduction
-
- Les usages mobiles d’aujourd’hui
- Natifs vs Web
Les bases d’une PWA
-
- Éléments clés d’une PWA
- Mobile first
- Fichier manifest
- Offline
Service Workers
-
- Cycle de vie
- Events
- Cache
- Notifications
Outillage
-
- Lighthouse
- Chrome Dev Tools
- SW Precache
Bonnes pratiques
-
- Taille des requêtes
- Détecter les mises à jour à faire
- Détecter le offline/online
Concepts avancés
-
- Stockage hors ligne
- Background sync
- Geolocation
- Autres capteurs du device