Comprendre le localStorage Pour débutant avec exemples en Javascript (2021) Données persistantes

Поделиться
HTML-код
  • Опубликовано: 7 окт 2024
  • Dans ce tuto, nous verrons comment fonctionne le localStorage, par lequel on peut stocker des variables directement dans le navigateur sans avoir besoin d'un serveur.
    Mon Discord pour discuter: / discord
    Logiciel utilisé: VS CODE (gratuit)
    Lien de la page de l'exemple : nadfri.github....
    Lien Github du code Source: github.com/nad...

Комментарии • 55

  • @Saya.misri_aussi-tha01
    @Saya.misri_aussi-tha01 Месяц назад

    Merci beaucoup c'était super clair. Super vidéo

  • @politiquealgerie
    @politiquealgerie 2 года назад +2

    Merci beaucoup pour le tuto, SVP pouvez vous nous faire une vidéo avec ce titre : JAVASCRIPT en 10min de A à Z, un résumé accéléré de toutes les fonctions les plus importantes. Merci beaucoup

  • @gregoryballat3845
    @gregoryballat3845 2 года назад

    Super tuto !! d'une clarté et d'une simplicité de compréhension impeccable !! merci bcp !!!

    • @NadfriJS
      @NadfriJS  2 года назад

      Un grand merci !

  • @ieldenkeljson8235
    @ieldenkeljson8235 3 года назад +1

    Trop bien. Merci pour cette vidéo super bien faite.

  • @tounsirayan4083
    @tounsirayan4083 2 года назад +2

    As salam Aleykoum, c’est super ! Étant en formation sur OpenClassRooms projet 5, j’ai galeré a comprendre le localstorage. Et avec ta video c’est très clair ! Tu devrais en faire plus du genre gérer un panier etc… en tout cas courage à toi !

    • @betrouni_
      @betrouni_ 2 года назад +1

      Mdrr tout pareil

    • @NadfriJS
      @NadfriJS  2 года назад +1

      Tu peux venir sur le discord, certains on déjà finit ce parcours.

  • @sebastienmariette4350
    @sebastienmariette4350 2 года назад

    Super ! Avec cette vidéo j'ai mieux compris l'histoire du localStorage ! Merci

    • @NadfriJS
      @NadfriJS  2 года назад

      De rien et merci

  • @noe_dlch
    @noe_dlch 2 года назад

    Merci beaucoup !!! Moi qui pensais qu'il fallais forcément utiliser SQL ! Le tuto est super bein expliquer et super compréhensible !!! Je m'abonne !

    • @NadfriJS
      @NadfriJS  2 года назад

      Avec plaisir 🙂

  • @ninjaToto31
    @ninjaToto31 2 года назад

    Salut, merci pour cet éclaircissement qui était nécessaire pour la réalisation de mon projet de formation =) je vais pouvoir continuer.

  • @nabaslan
    @nabaslan 2 года назад

    Très clair et efficace ! Merci beaucoup :)

    • @NadfriJS
      @NadfriJS  2 года назад

      Avec plaisir 🙂

  • @theloris971man
    @theloris971man 3 года назад +1

    Vidéo simple et explicite ! 👍🏾

    • @NadfriJS
      @NadfriJS  3 года назад

      Merci 🤙

    • @theloris971man
      @theloris971man 3 года назад

      @@NadfriJS j’avais une question concernant les requêtes Ajax comment cela fonctionnent ils?

    • @NadfriJS
      @NadfriJS  3 года назад +1

      @@theloris971man Les requetes Ajax c'est un peu démodé, maintenant il y a fetch bcp plus simple à utiliser, j'ai une vidéo dessus (fetch en moins de 15min)

    • @squeegeul2.033
      @squeegeul2.033 3 года назад

      ...

  • @cyrillemarc6162
    @cyrillemarc6162 2 года назад

    Très clair, bravo!

  • @kamuntukandi3863
    @kamuntukandi3863 3 года назад

    J'aime ta façon d'expliquer

    • @NadfriJS
      @NadfriJS  3 года назад

      Merci du compliment!

  • @MDahbi
    @MDahbi 3 года назад +1

    Tres bien 😉 c simple

  • @mikakr
    @mikakr Год назад

    as salam aleykoum quelle trouvaille je galère sur openclassroom et je tombe sur ton cours t'es un bon ma shaa ALLAH

  • @benjaminfranklin5843
    @benjaminfranklin5843 2 года назад

    Merci!

  • @hassanchbab413
    @hassanchbab413 Год назад

    merci beaucoup

  • @cahdesosabakota795
    @cahdesosabakota795 3 года назад

    Merci. Bouhaben de ton groupe Discord :)

    • @NadfriJS
      @NadfriJS  3 года назад

      Avec plaisir 😉

  • @charlescnguema4240
    @charlescnguema4240 2 года назад +1

    thanks bro :)

  • @monsite-internet4243
    @monsite-internet4243 3 года назад

    Top

  • @amalthee2
    @amalthee2 3 года назад

    Vidéo très bien expliquée, j'ai réussi à afficher le nom avec h1. Maintenant, si je veux qu'il apparaisse automatiquement dans le placeholder du formulaire, je fais comment ?

    • @NadfriJS
      @NadfriJS  3 года назад

      Tu peux venir poser la question directement sur mon discord, ca sera plus facile pour avoir de l'aide.

  • @rogermarcus79
    @rogermarcus79 2 года назад

    Super video, comme d'habe.
    Question: quel est la taille max pour le LocalStorage et peut-on la modifier s.t.p.

    • @NadfriJS
      @NadfriJS  2 года назад +1

      La taille est entre 5 à 10mb suivant le navigateur, et ceci par domaine, je ne pense pas qu'on puisse la modifier, on peut voir dans chrome, dans les outils de dev, onglet application, la taille utilisé par ton app.

  • @haykoanderson1206
    @haykoanderson1206 Год назад

    Salut tuto pratique et simple a comprendre, je voudrais juste savoir est ce que c'est possible de sauvegarder des chiffres si oui comment faire pour qu'il ajoute un 1 en plus a cette valeur après avoir fait une action

    • @NadfriJS
      @NadfriJS  Год назад

      Le localstorage va transformer ton number en string, lors de la recuperation il faudra transformer la valeur en number, il y a plein de maniere pour faire cela, soit en utilisant Number(taValeur) ou bien en ajouter en "+" devant (ex: +tavaleur)

  • @autorisationouai6737
    @autorisationouai6737 3 года назад +1

    super la video! est ce qu'on peut faire des calculer ou des comparaison de nombre avec cette methode

  • @franck_ko2217
    @franck_ko2217 2 года назад

    Bonjours, merci pour ce beau tutoriel.
    J'ai aussi une question comment faire une boucle pour recupprer tout les eléments du local storage un par un ?
    pour pouvoir peuplé la page pannier de mon site avec les donnée des produit du local storage.
    Merci 😉

    • @NadfriJS
      @NadfriJS  2 года назад +1

      Le plus simple est de stocker directement tout l'objet, et de recuperer celui ci, parcontre faudra passer par stringify et parse, sinon tu peux voir l'exemple dans la doc ici avec une boucle : developer.mozilla.org/fr/docs/Web/API/Storage/key

    • @franck_ko2217
      @franck_ko2217 2 года назад

      @@NadfriJS Merci pour ton aide 👍

  • @antibulling2551
    @antibulling2551 2 года назад +1

    ca fait quoi si on vire le localstorage de youtube ?
    est ce que l'on peut virer le local storage de quelqu'un d'autre....sans pirater. Mais si on va à l'hotel et on visite tous les sites de... et au retour on rentre et on veut pas que certaine ait acces... alors on fait un clear de ses données facheuses de chez soi... ce sont des données personnelles.
    on peut certe se connecter que l'ordi de l'hotel en ssh -X (trop drole la commande) et je lance le navigateur de l'hotel et ensuite je vire mon localstorage et certes on demande d'acceder à ce localstorage et le vider en partant.

    • @NadfriJS
      @NadfriJS  2 года назад

      J'ai regardé ce qu'il y avait dans le localStorage de mon youtube, il n'y a pas grand chose. Le LocalStorage est spécifique à ton ordinateur, tu ne peux pas l'effacer à distance, si tu utilises un ordi publique, veille bien à utiliser la navigation privée pour eviter que quelqu'un puisse recupererer des infos sensible

  • @toas9348
    @toas9348 2 года назад

    Très bonne video, très claire, merci !
    par contre, j'ai l'impression que ça ne marche pas sur firefox. Tu confirmes ? Et comment ferais-tu avec ce navigateur ?

    • @NadfriJS
      @NadfriJS  2 года назад

      Salut, si ca devrait marcher avec tous les navigateurs sauf le vieux internet explorer

  • @mathieubaugard7326
    @mathieubaugard7326 2 года назад

    bonjour, très bonne vidéo mais il y a 6 minutes de html pas nécessaire

    • @NadfriJS
      @NadfriJS  2 года назад

      Merci pour ton avis