Progressive Web App (PWA) : la synthèse
Appréhender les progressive web apps (PWA)
Les champs obligatoires sont marqués d'un astérisque (*). En indiquant votre adresse e-mail et vos coordonnées vous consentez à recevoir par mail nos informations. Vos données sont destinées à Clever Age. Ces données ne feront pas l'objet d'un autre traitement que celui mentionné. Conformément à la règlementation applicable, vous disposez d’un droit d’accès, de rectification et d’opposition aux informations vous concernant. Pour plus d’informations sur le traitement de vos données, cliquez ici.
Les séminaires de Clever Age par les Papis du Web
La notion de « Progressive Web App » (PWA) est encore très récente. Elle consiste à mettre en œuvre un ensemble de nouveaux standards du Web pour apporter aux sites et applications Web les capacités jusqu’ici réservées aux applications mobiles natives ou hybrides : installation simple, performance, fonctionnement offline, notifications, etc.
Cette approche peut être structurante pour un projet web responsive (ou exclusivement mobile) car elle demande une réflexion en amont pour assurer une bonne conception.
Ce séminaire apporte de manière synthétique les clés des Progressive Web Apps, de leur historique à leurs caractéristiques fonctionnelles et techniques, jusqu’aux contraintes et solutions de mise en œuvre.
Intervenant :
Nicolas est co-fondateur et directeur de l'innovation chez Clever Age.
Ingénieur EISTI, Nicolas Hoizey est co-fondateur et directeur de l'innovation chez Clever Age, une société de services qui se positionne sur l'ensemble de la chaine de production Web depuis plus de 20 ans.
Garant de la pertinence des choix technologiques effectués par Clever Age pour ses clients, Nicolas prône un usage pragmatique des technologies du Web. Il s’appuie sur 25 ans d’expérience du Web ainsi que le fruit de la capitalisation de Clever Age, et transmet les bonnes pratiques, techniques et méthodologies permettant de garantir le succès de vos projets.
Quels sont les bénéfices ?
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
- 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
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
Pour qui ?
Toute personne partie prenante dans l’élaboration d’un projet mobile Web ou natif, ou souhaitant simplement comprendre l’importance des Progressive Web Apps.
