Progressive Web App - PWA, la synthèse

• Appréhender l'état de l'art des Progressive Web Apps
• Connaître les différentes stratégies de mise en oeuvre des Progressive Web Apps
• Appréhender les impacts des Progressive Web Apps dans leurs stratégies digitale et mobile

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

Modalités d’évaluation

Une attestation de participation sera transmise aux participants