Progressive Web App - PWA, la synthèse Réf : PWA1

Par Nicolas Hoizey

Les clés des Progressive Web Apps, de leur historique jusqu'aux contraintes et solutions de mise en œuvre.

Durée :
1 jour
Lieux :
Paris

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

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.

Objectifs pédagogiques

A l'issue de ce séminaire, les participants seront en mesure de :
  • 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

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

Culture Web et mobile.

Type

Séminaire

Méthode pédagogique

Alternance de présentation magistrale et d'illustrations pratiques basées sur des cas réels.

Plan de cours

 

Programme de la formation Progressive Web App - PWA - 1 journée

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. 

Prochaines sessions

Pas de témoignage pour l'instant.

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Etat de l'art IT »  – Voir toutes les formations