Progressive Web App – PWA : la synthèse

  • Filière :

    Développement logiciel

  • Sous-filière :

    Applications mobiles & PWA

  • Référence

    PWA-SYN

  • Durée

    1 jour (7 h)

  • Prix unitaire HT

    Sur demande

Description

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.

Ce séminaire est accessible également à travers le parcours de formation Ox’days.
>> Pour savoir plus sur les Ox’days

Objectifs pédagogiques

  • 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

Public cible

Toute personne partie prenante dans l’élaboration d’un projet mobile Web ou natif, ou souhaitant simplement comprendre l’importance des Progressive Web Apps

Pré-requis

Avoir une culture Web et mobile

Modalités d’évaluation

Questionnaire de fin de formation

Programme de la formation

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

  • 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 
  • Lancement instantané et rapidité de fonctionnement
  • Fonctionnement même sans réseau (offline) avec les Service Workers
  • Interface immersive
  • Notifications et badges avec l’API Push
  • Déployer une PWA dans un store applicatif

Outils pour la mise en œuvre

  • Bibliothèques
  • Composants et frameworks facilitant le développement : Workbox, 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

Stratégie pour la mise en œuvre des PWA

  • Application mobile native et/ou PWA, comment choisir ?

Programme mis à jour le