> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation PWA, développer des Progressive Web Apps

Avis loadedNote : 3,8Length : 7TotalNote : 195TotalNote20 : 3
Toutes nos formations Développement Front-End

Formation PWA, développer des Progressive Web Apps
le meilleur du mobile dans vos applications Web

3,8 / 5
Stage pratique
Durée : 3 jours
Réf : PWA
Prix  2021 : 2050 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

La notion de PWA consiste à mettre en œuvre de nouveaux standards du Web pour apporter aux sites et applications Web des capacités jusqu'ici réservées aux applications mobiles (installation locale, fonctionnement offline, notifications push...). Cette formation vous apportera les clés pour la mise en œuvre des PWA.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Appréhender l'état de l'art des Progressive Web Apps
  • Connaître les différentes stratégies de mise en œuvre des Progressive Web Apps
  • Identifier les composants et outils nécessaires ou facilitant la mise en œuvre de Progressive Web Apps
  • Mettre en œuvre les techniques de conception de Progressive Web Apps

Travaux pratiques

Conception d'un site Web avec enrichissement progressif en PWA.
PROGRAMME DE FORMATION

Introduction

  • 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.

Le Service Worker en détails

  • Rappels sur les principes et API de base : ES6, promises, Fetch...
  • Cycle de vie d'un Service Worker.
  • L'installation : téléchargement, périmètre d'action (scope).
  • La mise à jour.
  • Le déclenchement, les événements pris en charge.

Travaux pratiques
Création et installation d'un Service Worker.

Outils pour la mise en œuvre

  • Bibliothèques, composants et frameworks : Workbox, frameworks intégrant de base les Service Workers.
  • Développement et débogage : outils navigateurs, Lighthouse.

Travaux pratiques
Manipulation des outils navigateurs, de Lighthouse.

API Cache : tolérance de défaillance réseau et offline

  • Opérations de base sur l'API Cache depuis un Service Worker.
  • Quels contenus peuvent être en cache ?
  • Gestion du cycle de vie des contenus en cache.
  • Autres moyens de stockage : pas de support localStorage, mais IndexedDB.
  • Une SPA ultra rapide avec l'architecture Application Shell.
  • Accéder au cache depuis une page.

Travaux pratiques
Mise en place du cache sur ressources statiques, sur pages.

Installation de l'application sur l'appareil

  • Le Web App Manifest.
  • La Web App Install Banner.
  • Comportement des différents navigateurs mobiles et desktop.

Travaux pratiques
Mise au point du Manifest.

Les notifications et le push de données

  • L'API Notifications.
  • Intégration aux notifications natives de l'OS.
  • Gestion d'autorisation par l'utilisateur.
  • Pousser des données depuis le serveur avec l'API Push.
  • Mise à jour en tâche de fond avec l'API Background Sync.

Travaux pratiques
Mettre en place une notification.

Autres capacités nouvelles sur le Web pour aller plus loin

  • Paiement simplifié avec l'API Payment Request.
  • Lecture de QR code avec les API getUserMedia/Stream et Shape Detection.
  • Réalité virtuelle et réalité augmentée.

Travaux pratiques
Lire un QR code.

Participants / Prérequis

» Participants

Toute personne partie prenante dans la réalisation d'un projet Web : chefs de projet, architectes, développeurs.

» Prérequis

Bonne connaissance de l'intégration Front-End HTML, CSS et JavaScript.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
LAURENT L. 30/11/2020
4 / 5
support de cours inutilisable, formation trop cours, exercices non réalisables en distanciel

THOMAS B. 30/11/2020
4 / 5
Peut-être fournir une app un peu plus moderne dans un contexte framework simple type vue.js.

MARC D. 30/11/2020
4 / 5
Manque de temps, et j’aurais vraiment aimé un PDF téléchargeable

LE MOUEL A. 30/11/2020
4 / 5
La documentation aurait été la bien venu en pdf

REMY L. 15/06/2020
4 / 5
Très bonne formation.

NELLY P. 15/06/2020
5 / 5
Très bonne pédagogie et explications très claires

KÉVIN M. 15/06/2020
5 / 5
Très content de la formation surtout dans le contexte actuel (post-confinement et télétravail). Cela m’a permis de bien appréhender l’univers des progressives web apps et comment les mettre en place.
Avis clients 3,8 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.