Chapitre 13 : File System

Écouter la leçon Lecture audio assistée par IA

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.

Ateliers pratiques & Corrigés détaillés

Ateliers pratiques & Corrigés

#1 — Comprendre les notions
Atelier #1

Expliquez 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 #2

Reprenez 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 #3

Concevez 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 */
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...