JavaScript Moderne Avancé - Les cookies
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO JavaScript Moderne Avancé - Les cookies

Carl Brison
29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours en ligne, nous allons étudier les cookies en JavaScript moderne.
Nous allons apprendre à créer, lire, modifier et supprimer un cookie en JavaScript.

Quel est le rôle d'un cookie ?

Un cookie va nous permettre de mémoriser une information concernant un visiteur et de mettre en place cette information à chaque fois que le visiteur reviendra sur notre site et cela tant que le cookie restera valide.
À quel moment un cookie ne devient plus valide ?
Un cookie n'a plus aucune influence lorsque la date de celui-ci est dépassée.

Au programme de ce tuto sur les cookies avec le Javascript moderne avancé

Forts de toutes ces connaissances, nous allons pouvoir exploiter les cookies en situation réelle.
Pour cela nous ferons ensemble 4 exercices concrets :

  • Exercice 1 : Afficher les cookies sur un page web,
  • Exercice 2 : Afficher les cookies sur plusieurs pages web,
  • Exercice 3 : Changer la couleur de fond des pages web,
  • Exercice 4 : Compter le nombre de visite.

Je mets à votre disposition l'ensemble des codes de ces exercices.
Un QCM vous permettra de valider vos connaissances.

Pour tout savoir sur la programmation en JavaScript moderne, je mets ce Bundle à votre disposition.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Créer, lire, modifier et supprimer un cookie
Chapitre 2
Exercice 1 : Afficher les cookies sur un page web
Chapitre 3
Exercice 2 : Afficher les cookies sur plusieurs pages web
Chapitre 4
Exercice 3 : Changer la couleur de fond des pages web
Chapitre 5
Une librairie de gestion de cookies
Chapitre 6
Exercice 4 :: Compter le nombre de visite
Chapitre 7
Conclusion

Plan détaillé du cours

Chapitre 1 : Créer, lire, modifier et supprimer un cookie
49m57s
 
Leçon 1La base du fonctionnement d'un cookie
Leçon 2Rôle d'un cookie
Leçon 3Donner une date d'expiration au cookie
Leçon 4L'option du domaine
Leçon 5L'option du chemin
Leçon 6L'option secure
Leçon 7L'option max-age
Leçon 8Créer un cookie valable 1 an à partir de maintenant
Leçon 9Autre méthode
Leçon 10Stocker plus d'un cookie
Leçon 11Modifier et supprimer un cookie
Chapitre 2 : Exercice 1 : Afficher les cookies sur un page web
22m08s
 
Leçon 1On affiche tous les cookies existants
Leçon 2On sépare les cookies
Leçon 3On sépare les couples nom, valeur
Chapitre 3 : Exercice 2 : Afficher les cookies sur plusieurs pages web
30m46s
 
Leçon 1Mise en place des codes HTML
Leçon 2Script générer les cookies
Leçon 3Lire le 1er cookie
Leçon 4Lire le 2ème cookie
Chapitre 4 : Exercice 3 : Changer la couleur de fond des pages web
22m37s
 
Leçon 1Mise en place des bases HTML et CSS
Leçon 2Ecriture du script de changement de la couleur de fond
Leçon 3Mémoriser le changement de la couleur de fond
Chapitre 5 : Une librairie de gestion de cookies
14m08s
 
Leçon 1Présentation de la librairie
Leçon 2Création d'un cookie
Leçon 3Lire, modifier et supprimer le cookie
Chapitre 6 : Exercice 4 :: Compter le nombre de visite
17m32s
 
Leçon 1Créer et afficher un cookie avec la librairie
Leçon 2Création d'un compteur de visite
Chapitre 7 : Conclusion
01m01s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
6
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 14/09/2023
Je ne connaissais les cookies que de nom, à présent, je me sens plus à l'aise, étonnant le nombre de personnes qui me demande à quoi sert les cookies. Je me sens mieux armé pour leur répondre. Merci et bravo Carl pour ce cours instructif et bien expliqué. Validé 100 % #Les-cookies
Carl Brison
Carl Brison
C'est parfait ! Merci beaucoup pour votre très gentil commentaires, Alain ;-)
Valérie Arno
Valérie Arno
Publié le 14/03/2023
Une nouvelle découverte avec les cookies qui demeuraient un vrai mystère. Sympa. J'ai eu un truc bizarre à l'exercice 3 (les div de couleurs) : avec google chrome en localhost, j'avais une div noir supplémentaire sous la ligne (le cercle noir), et avec edge tout était normal. A part ça, j'ai bien suivi, un peu moins évident à l'exercice 4 avec le compteur. Merci Carl.
Carl Brison
Carl Brison
Merci pour votre commentaireValérie
Bernard Chabloz
Bernard Chabloz
Publié le 25/12/2022
Merci pour cette "intro" aux cookies, claire et croustillante. Le compteur devrait (en attendant mieux) être remis à zéro sur modification du cookie pseudo. J'ai essayé, mais ma "combine" était trop simple (mémorisation du pseudo sur écoute du retour à l'index, puis test à la recharge de la page).
Carl Brison
Carl Brison
Merci beaucoup ;-) Un petit coup d'oeil ici permet de combiner plusieurs possibilités de mémorisation de données: https://fr.tuto.com/javascript/js-moderne-avance-storage,159781.html

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source de tous les exercices

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données