Après le tuto sur les cookies en JavaScript moderne, je vous propose de découvrir un autre moyen de stockage des données que vous souhaitez utiliser lors d'une visite de vos internautes. Il s'agit des stockages: localStorage et sessionStorage.
Ces objets JavaScript vont nous permettre de créer, modifier et lire des items qui seront stockés directement dans le navigateur du client.
Chaque item sera composé d'un couple clé / valeur.
Voila une connaissance supplémentaire que je vous propose de découvrir afin d'enrichir vos codes en JavaScript moderne.
Pour plus de cours sur le JavaScript moderne, je vous propose ma formation complète : 14H de cours pour avoir toutes les bases du JS moderne.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Table des matières de cette formation JavaScript (durée : 1h01m)
-
SessionStorage et localStorage
- Présentation gratuit 00:05:42
- Ecrire, modifier et lire un item 00:05:54
- Différence entre sessionStorage et localStorage 00:07:13
- Supprimer un item 00:02:18
- Supprimer tous les items 00:03:31
- Récupérer l'index des items 00:04:03
- Récapitulatif et sécurité 00:05:03
-
Exercice
- Mise en place du code HTML 00:06:19
- Mise en place du code CSS 00:04:31
- On créé un item 00:07:53
- On affiche la bonne Box 00:06:24
-
Conclusion
- Conclusion 00:02:21
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Cours clair, détaillé et bien illustré. Parfois un peu trop redondant, pédagogie oblige ...
-
Merci pour cette suite au tuto "cookies" (et pour votre réponse à mon commentaire sur "cookies": cette suite était bien sûr à mon programme...)
-
Bonjour Carl, C'est un excellent tuto pour débuter dans le Storage. Explication toujours clair et concis. Merci pour ton professionnalisme. C'est idem pour tes autres tutos et ce qui est super c'est que ça fonctionne. Bravo ! Bonne continuation ! Tuto à choisir sans crainte.
-
Que contient le fichier source ?Le code source de l'exercice
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés