PWA Progressive Web Apps
Notre formation Progressive Web Apps pour vous apprendre à développer des PWA en 3 jours !
Vue d'ensemble
Connaissances en JS, HTML et CSS
Objectifs pédagogiques
Programme détaillé
Introduction à la formation PWA Progressive Web Apps
Présentation générale des Progressive Web Apps
Historique et positionnement
La dimension « progressive » des PWAs
PWA vs. applications mobiles natives et Single Page Applications
Architecture et composants principaux d’une PWA
Avantages et limitations
Création d’une première application web progressive
Web App Manifest
Créer un fichier manifest.json
Composants (background_color, description, dir, etc)
Configurer les propriétés du Web App Manifest
Web App Install Banner
Compatibilité avec les différents navigateurs mobiles et desktop
Création, configuration, déploiement et test d’un manifest
Service Worker
Les APIs Cache et Fetch
Rappels sur les promises, ES2015
Qu’est-ce qu’un service worker ?
Comprendre l’intérêt de l’utilisation des services workers
Cycle de vie : enregistrement, installation, activation
Périmètre d’action, évènements pris en charge
Support des navigateurs
Création de votre propre service worker
Gestion du cache
Options de stockage
Identifier les objets à mettre en cache
Cache statique et cache dynamique
Mettre des fichiers en cache avec un service worker
Stratégies de cache et gestion du cache avancée
Implémenter la solution IndexedDB
Travailler avec IndexedDB et les promises
Application Shell
Mise en cache de fichiers avec un service worker, stockage de données avec IndexedDB
Responsive Design
Considérations pour créer des pages web responsives
Les Media Queries, nouveautés de CSS3
Utiliser les images de manière responsive
Ajouter des animations
Styliser son application pour la rendre responsive, utilisation des media queries
Notifications et Push de données
Les APIs Notifications et Push
Options des notifications et gestion des autorisations
Bonnes pratiques pour l’implémentation de notifications push (timing, cible, pertinence, design)
Utiliser Background Sync pour gérer les tâches de fond
Synchroniser des données dans le service worker
Création et affichage de notifications, utilisation de l’API Background Sync pour différer l’envoi de données
Outils
Bibliothèques et frameworks
Outils de développement des navigateurs
Workbox pour la gestion des service workers
Lighthouse, en tant qu’extension et depuis la ligne de commande
Débogage
Installation de Lighthouse, audit et optimisation d’une application web
Utilisation d’APIs pour interagir avec l’appareil et aller plus loin
GPS, vibration et autres fonctionnalités d’application native
Simplifier le paiement, lire les QR Codes, etc
Prochaines sessions
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement