PWA: Progressive Web App

Combien de temps dure la formation ?

2,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 ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

À qui s’adresse la formation ?

Développeurs Web et Mobile

Quels sont les prérequis ?

Bonnes connaissances HTML5/CSS3 et JavaScript/ES6. Avoir quelques notions avec les JS API HTML5

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

Apprendre à développer des applications mobiles de type Progressive Web App (PWA).

Quel est le contenu de la formation ?

Introduction

Présentation des types d'application mobile
Les avantages et inconvénients
Présentation des Progressives Web App (PWA)
Rappel HTML5
Rappel JavaScript/ES6 (promesse, fetch, async/await)

Définir les bases d'une PWA

Découvrir le context de développement
Les règles à respecter (https, sw, manifest)
Le principe du offline first
Les frameworks SPA
L'architecture Applications Shell

Atelier: Tester l'application avec Lighthouse

Utiliser les services workers

Présentation des services workers
Déclaration et configuration
Découvrir les évènements disponibles (install, activate, fetch)
Mettre en cache des jeux de données
Construire et restituer une réponse depuis le service worker
Gérer la mises à jours des données

Atelier: mettre en place une stratégie de mise en cache à l'aide d'un service worker

Gérer le caches

Présentation de l'API cache
Type de contenu cachable
Les évènements disponibles
Manipuler les données dans le cache
Alternative à l'API cache: IndexedDB