Historique des conversations
Chargement...
Chapitre 5 : Mise en Cache
1. L'API Cache Storage
L'API Cache Storage permet de stocker des paires de requêtes et de réponses (Request/Response objects). C'est le complément indispensable du Service Worker pour le mode hors-ligne.
2. Ouverture et Ajout au Cache
const CACHE_NAME = 'v1-static';
const ASSETS = [
'/',
'/index.php',
'/css/style.css',
'/js/app.js'
];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME).then(cache => {
return cache.addAll(ASSETS);
})
);
});3. Récupération (Match)
Lors d'une requête, on vérifie si elle est dans le cache avant d'aller sur le réseau.
Conclusion
Le Cache Storage est la base de la fiabilité. Prochaine étape : **Workbox**.
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les notions
Atelier #1Expliquez avec vos mots le concept central de ce chapitre.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Reportez-vous au cours */
#2 — Application guidée
Atelier #2Reprenez l'exemple du cours et réalisez un cas pratique.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Comparez vos résultats avec les exemples */
#3 — Mini défi d'autonomie
Atelier #3Concevez une mini-solution liée à ce chapitre.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
/* Vérifiez la cohérence technique */