Chapitre 13 : File System
Écouter la leçon
Lecture audio assistée par IA
Vitesse :
0.8x
1.0x
1.2x
1.5x
1. Lire et Écrire des fichiers localement
Grâce à l'API File System Access , une PWA peut désormais ouvrir, modifier et enregistrer des fichiers directement sur le disque dur de l'utilisateur (avec sa permission).
2. Exemple d'ouverture de fichier
let fileHandle;
const [handle] = await window.showOpenFilePicker();
fileHandle = handle;
const file = await fileHandle.getFile();
const contents = await file.text();
console.log(contents);
3. Enregistrer des modifications
async function writeFile(fileHandle, contents) {
const writable = await fileHandle.createWritable();
await writable.write(contents);
await writable.close();
}
Attention: Cette API est actuellement supportée principalement sur les navigateurs basés sur Chromium (Chrome, Edge).
Conclusion
Cela ouvre la porte aux éditeurs de texte, d'images et aux outils de productivité web. Prochaine étape : **Performance et Web Vitals**.
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Voir les exercices
Ateliers pratiques & Corrigés détaillés
Retour au cours
Ateliers pratiques & Corrigés
#1 — Comprendre les notions
Atelier #1
Expliquez avec vos mots le concept central de ce chapitre.
Votre réponse ou code à faire corriger par l'IA :
Faire corriger par l'IA
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 #2
Reprenez l'exemple du cours et réalisez un cas pratique.
Votre réponse ou code à faire corriger par l'IA :
Faire corriger par l'IA
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 #3
Concevez une mini-solution liée à ce chapitre.
Votre réponse ou code à faire corriger par l'IA :
Faire corriger par l'IA
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 */