Appréhender les progressive web apps (PWA)
Prochaines sessions
Programme
Introduction
- Petit retour sur l’histoire de la mobilité
- L’impact de la mobilité sur le Web
- Comparatif forces/faiblesses entre applications mobiles natives et Web
Les composants de base des pwa
- Quelques API Web récentes bien utiles : fetch, IndexedDB
- Un proxy dans le navigateur avec les Service Workers
- La sécurité imposée avec HTTPS
- Quel support dans les navigateurs ?
- La dimension « Progressive » dans les PWA
Principales fonctionnalités des pwa
- Accès direct à l’application sans installation
- Installation en local de l’application avec le Web App Manifest et la Web App Install Banner
- Lancement instantané et rapidité de fonctionnement avec l’architecture app-shell
- Fonctionnement même sans réseau (offline) avec les Service Workers
- Notifications avec l’API Push
- Mise à jour en tâche de fond avec Background Sync
Outils pour la mise en œuvre
- Bibliothèques, composants et frameworks facilitant le développement : Workbox (ex sw-precache),frameworks intégrant de base les Service Workers
- Outils de développement et débogage : devtools des navigateurs, Lighthouse
Autres nouvelles capacités web, potentiellement utiles aux pwa
- Paiement simplifié avec l’API Payment Request
- Lecture de QR code avec les API getUserMedia/Stream et Shape Detection
- Réalité virtuelle
- Etc.
Méthodes pédagogiques
80 % théorie / 20 % pratique, retours d’expérience et démonstrations
Modalités d’évaluation
L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.