Module 1 : Introduction à JavaScript
1.1 — Premiers pas en JavaScript Aperçu
Module 2 : Opérateurs et conditions
2.1 — Conditions et logique Aperçu
Module 3 : Fonctions et portée
3.1 — Écrire et utiliser des fonctions Aperçu
Module 4 : Boucles et tableaux
4.1 — Tableaux et boucles Aperçu
Module 5 : Objets et JSON
5.1 — Objets JavaScript Aperçu
Module 6 : DOM — Sélectionner des éléments
6.1 — Le DOM et les sélecteurs Aperçu
Module 7 : DOM — Modifier le contenu et le style
7.1 — Modifier la page Aperçu
Module 8 : Événements
8.1 — Écouter les événements Aperçu
Module 9 : Formulaires dynamiques et validation
9.1 — Validation avancée Aperçu
Module 10 : API Fetch — Requêtes HTTP
10.1 — Fetch et async/await Aperçu
Module 11 : Manipulation de données — filter, map, reduce
11.1 — Filter, Map, Reduce Aperçu
Module 12 : Stockage local — localStorage
12.1 — Persister des données Aperçu
Module 13 : Modules et organisation du code
13.1 — Modules ES6 Aperçu
Module 14 : Projet final — Site interactif complet
14.1 — Application web interactive Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 12 : Stockage local — localStorage Aperçu gratuit

12.1 — Persister des données

📋 Objectifs d'apprentissage

  • Utiliser localStorage (setItem, getItem, removeItem)
  • Stocker des objets avec JSON
  • Comprendre la limite (5-10 Mo)
  • Différence localStorage vs sessionStorage

localStorage en 4 méthodes

localStorage.setItem("theme", "dark");     // Sauvegarder
const theme = localStorage.getItem("theme"); // Lire
localStorage.removeItem("theme");           // Supprimer
localStorage.clear();                       // Tout supprimer

Stocker des objets (JSON)

const user = { nom: "Jean", age: 25 };
localStorage.setItem("user", JSON.stringify(user));

const savedUser = JSON.parse(localStorage.getItem("user"));
console.log(savedUser.nom); // "Jean"

💡 Préférences utilisateur

Sauvegardez le thème (clair/sombre), la langue, le dernier article lu. À la prochaine visite, l'utilisateur retrouve ses préférences. C'est ce qui rend un site « intelligent ».

StockageDurée de viePortée
localStoragePermanent (jusqu'à suppression)Par domaine
sessionStorageJusqu'à fermeture de l'ongletPar onglet
CookiesDate d'expiration définieEnvoyés au serveur
Ceci est un aperçu gratuit.
Voir la formation complète