Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Les Progressive Web Apps (PWA) par la pratique
Création de l'application destinée à devenir une PWA
Au programme (4:36)
Repo Github
Récupération du code source et configuration d'un serveur live-server (11:04)
Créer un API REST à l'aide de json-server (12:09)
Le Service Worker
Définition d'un service worker (6:47)
Enregistrement d'un service worker (7:44)
Interception de requêtes HTTP par un service worker (8:07)
Gestion du cache
Détection l'état de la connexion internet et affichage d'une page d'information si on est hors ligne (5:46)
A propos des erreurs durant la frappe (1:03)
CacheStorage : un 'store' pour vos instances de cache + création d'instances de caches (4:15)
Cache API : utilisation d'une instance de cache afin de mettre des fichiers en cache (4:50)
Gérer la mise en cache depuis le service worker (9:27)
Revue du code permettant de poster une nouvelle techno (2:44)
Récupérer les réponses depuis le cache (2:16)
Gestion avancée du cache
Stratégie de récupération en cache, puis réseau si le contenu demandé n'est pas en cache (5:26)
Répondre à une requête en faisant servir par le service worker ce qui est en cache (suite) (4:20)
Stratégie de récupération sur le réseau puis en cache si le réseau n'est pas accessible (8:16)
S'assurer que le service worker reste actif à l'aide de waitUntil() (3:47)
Supprimer les anciennes instances de cache (5:00)
Rendre votre application web installable
Création du fichier manifest.json (8:34)
Notifications
Notifications non persistantes (depuis main.js) (5:20)
Options des notifications (1:58)
Notifications persistantes (envoyées depuis le service worker) (4:25)
Options de notifications grâce aux actions (4:35)
Fermer programmatiquement une notification (0:45)
Les notifications push
Intercepter une notification push et afficher son contenu dans une notification persistante (8:28)
Architecture (4:25)
Génération de vapid keys (5:17)
Récupération ou création d'une souscription auprès d'un push service (13:00)
Envoyer une notification push depuis Node (14:22)
Background Sync
Démonstration (7:53)
Architecture (11:45)
Background Sync côté Service Worker (12:13)
dernière mise à jour mercredi 10 janvier 2018
Faire un audit de votre PWA et améliorer votre score
Correction de bugs en production puis audit (4:36)
Améliorer votre score d'audit (5:07)
Améliorer votre score d'audit en corrigeant le problème de taille de viewport (3:58)
S'assurer que le service worker reste actif à l'aide de waitUntil()
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller