Formation - Progressive Web App - PWA, la synthèse (Live Virtual Class)

Combien de temps dure la formation ?

1,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

OXiane est spécialisé dans la conception et la réalisation de formations informatiques et de supports de cours pédagogiques sur les dernières technologies. Nos différentes filières permettent de couvrir tous les besoins en formation que ce soit en IT au sens large, mais également "Utilisateurs" et "Soft Skills" en Management, Communication & leadership.

À qui s’adresse la formation ?

Web Designer, Web Designer

Quels sont les prérequis ?

Culture Web et mobile

Quels sont les objectifs poursuivis ou les compétences visées ?

La notion de "Progressive Web App" (PWA) est encore très récente.

Elle consiste à mettre en oeuvre 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.

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.

Quel est le contenu 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

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