Formation Progressive Web Apps (PWA) Réf : PWA2

Par Nicolas Hoizey

Appréhender et mettre en oeuvre les progressive web apps (PWA)

Durée :
3 jours
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 locale, performance, fonctionnement offline, notifications push, 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.
Au delà d’une introduction historique et théorique, cette formation pratique apporte les clefs pour la mise en œuvre des Progressive Web Apps.

Objectifs pédagogiques

A l'issue de cette formation, 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,
  • 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.


Public

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.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (30%) et de travaux pratiques sur machine individuelle (70%).

Plan de cours

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

Le Service Worker en détail

Rappels sur quelques API de base : promises, Fetch, ES2015
Le 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

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

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

Les 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

Installation de l’application sur l’appareil

Le Web App Manifest
La Web App Install Banner
Le comportement des différents navigateurs mobiles et desktop

Les notifications

L’API Notifications
L’intégration aux notifications natives de l’OS
La gestion de l’autorisation par l’utilisateur

Le push de données

Pousser des données depuis le serveur avec l’API Push
Mise à jour en tâche de fond avec l’API Background Sync

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


Prochaines sessions

picto Du mercredi 28/03 au vendredi 30/03 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 28/03 au mardi 30/03
picto Du mercredi 13/06 au vendredi 15/06 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 13/06 au mardi 15/06
picto Du mercredi 26/09 au vendredi 28/09 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 26/09 au mardi 28/09
picto Du mercredi 28/11 au vendredi 30/11 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 28/11 au mardi 30/11
Proposer une session.

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 « Technologies front-end »  – Voir toutes les formations