Nous utilisons des cookies pour vous fournir l'ensemble de nos services, notamment la recherche et les alertes. En acceptant, vous consentez à notre utilisation de ces cookies.
Choisir mes préférences
1. Introduction
o Origines du concept
o Définition du terme F.I.R.E.
o Environnement de développement et de débogage
o Point sur les exercices à venir
o Point sur la sécurité dans les applications web
o Atelier: Mise en place d’un environnement de développement PWA
2. Manipulation des Services Workers
o Fonctionnement des services workers
o Installation d’un service worker
o Compréhension du cycle de vie d’un service worker. Comment agir sur le cycle de vie
o Manipulation des events du service worker: event ‘install’, ‘activate’, ‘fetch’
o Ateliers:
§ Installer un premier service worker
§ Débogage d’une PWA
§ Prendre le contrôle des événements
§ Découvrir les événements ‘install’, ‘activate’ et ‘fetch’
3. Gestion des stratégies de cache
o Présentation du concept d’App-shell
o Découvrons l’API de cache du service worker
o Découverte des stratégies de cache
o Découverte du mode offline
o Présentation de Workbox
o Ateliers:
§ Mettons en place un app-shell
§ Rendons notre application disponible hors ligne
§ Manipulons le cache d’un service worker
§ Utilisation de workbox pour gérer son cache
4. Aller plus loin avec le service worker
o Découverte de l’event ‘message’
o Découverte de l’évent ‘sync’
o Ateliers:
§ Mise en place d’une communication cross onglets basé sur l’événement ‘message’
§ Mise en place du background-sync pour l’envoi de messages
5. Rendre l’ application installable
o Présentation du manifest
o Présentation des enjeux de l’installation d’une PWA
o Comment rendre une PWA disponible sur les Stores
o Atelier: Création d’un manifest et installation de l’application
6. Engageons notre utilisateur
o Présentation des concepts d’UX de l’engagement utilisateur
o Utilisation de l’événement ‘push’ du service worker
o Découverte des notifications web
o Comment débugger une notification
o Ateliers:
§ Mise en place d’une notification avec Action
§ Mise en place d’un système de Push notification
7. Intégration à la plateforme
o Découverte des possibilités d’intégration d’API “Natives” : Geolocalisation, FullScreen
o Authentification simplifiée avec webAuthN
o PaymentRequest API
o Liste des APIs disponibles
o Design Responsive
o Ateliers:
§ Utilisation de l’api de geolocalisation, fullscreen
§ Mise en place d’une authentification WebAuthN
8. Améliorer la performance de l’application
o Retour sur les formats d’images à utiliser et les techniques associées
o Bonne pratiques de la performance web
o Présentation du pattern P.R.P.L.
o Atelier: Mise en place du P.R.P.L pattern
9. Tour des outils pouvant nous aider
o Liste d’outils pouvant aider à la réalisation d’une PWA
o CLI Angular, Vue, React, …
o Présentation de Workbox
o Atelier: Audit avec LightHouse CI
Développeurs, intégrateurs, architectes logiciel, chefs de projet technique
Choisissez une date pour pouvoir réserver !
Infos
Trouver le bon CACESComprendre l'habilitation éléctriqueMentions légalesConditions d'utilisationNous utilisons des cookies pour vous fournir l'ensemble de nos services, notamment la recherche et les alertes. En acceptant, vous consentez à notre utilisation de ces cookies.
Choisir mes préférences