JavaScript LocalStorage and Session Storage API Tutorial

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 37

  • @DaveGrayTeachesCode
    @DaveGrayTeachesCode  3 роки тому +15

    Keep in mind localStorage and sessionStorage utilizing the Web Storage API is not the only way to utilize storage for your front-end web applications. However, it may be the easiest for beginners to get started with. I plan to create more tutorials for front-end storage solutions in the future. If you already use a solution, let me know what it is in the comments. Likewise, if this tutorial was helpful, let me know that and share. Thanks!

    • @SureddiBhargav
      @SureddiBhargav Рік тому

      Hi Dave, amazing work time and time again. Do you have a video on the other ways to store data in the front end, or will you be doing one in the near future?

  • @9nikolov
    @9nikolov 7 місяців тому

    (12:15) Delving into localStorage for persistent data
    Just a small suggestion for enhancement:
    1. Close the website window.
    2. Stop the Live Server.
    3. Comment out your entire JS file and save changes.
    4. Restart the app using Live Server.
    5. Navigate to the Browser's Application tab -> Local Storage, where you'll find your data persisting flawlessly.
    Aside from this minor improvement, Mr. Gray's content remains commendable, as always. Top-notch educational content. Always a pleasure to learn from him ❤

  • @adnan8465
    @adnan8465 2 роки тому +4

    i literally first downloaded the video and watched the whole video being offline.. and i searched your video again , just came here to give this video a like for such amazing explanation .. thank you so much sir .. i am learning these concepts just because of you. thank you🥰🥰

  • @khemikalse
    @khemikalse Рік тому +2

    You Channel is a premium course for free. Damn! I never really understood LocalStorage until today

  • @Codak_3
    @Codak_3 11 місяців тому

    Thanks for your explanation, the good thing about you is your voice and the way you talk goes slow for someone to get things or understand quickly

  • @quvomiddinkamalov3292
    @quvomiddinkamalov3292 8 місяців тому

    Thank you very much, sir. I have a question: Do you think that chatGPT is taking our (web development) job?

  • @ajithkumarv603
    @ajithkumarv603 2 роки тому +1

    I'm searching this video lot days finally got

  • @CynthiaSotoCaballerolYEAHl
    @CynthiaSotoCaballerolYEAHl 3 роки тому +2

    A helpful refresher

  • @MarkWilliamson-n4s
    @MarkWilliamson-n4s 2 місяці тому

    Thanks Dave

  • @oncoding4520
    @oncoding4520 2 роки тому +1

    Came here from your React tutorial that you recommended :)

  • @dustinbest1326
    @dustinbest1326 2 роки тому +1

    Great videos Dave!

  • @Grihlo
    @Grihlo 2 роки тому

    Thank you for another helpful and clear tutorial!

  • @jamshidtashkent1976
    @jamshidtashkent1976 Рік тому

    Thank you. I really enjoyed watching your video

  • @alivarzxorany2892
    @alivarzxorany2892 3 роки тому

    hi Mr Gray, thank for the video. if i have an array in storage, i need to parse it to use for instance second item? or i can select directly?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  3 роки тому +1

      localStorage will store strings, so I also use JSON.stringify() when sending data to the store and JSON.parse() when getting data from the store. More on localStorage here: developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

  • @kirillzlobin7135
    @kirillzlobin7135 Рік тому

    Ammazing video

  • @tanercoder1915
    @tanercoder1915 2 роки тому +2

    you didn't say that your method logName hadn't been saved in storage even though it existed in the object... I just discovered it can't be done? how weird!

    • @__zenon
      @__zenon Рік тому

      He did mention it and he also mentioned why, which was somehting that was covered in his JSON lesson.

    • @tanercoder1915
      @tanercoder1915 Рік тому

      @@__zenon one year later )

  • @avi12
    @avi12 3 роки тому +1

    Please make a tutorial about IndexedDB

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  3 роки тому +1

      Thanks for asking and for watching! I've been planning to do that. IndexedDB is very useful.

  • @Netpilation
    @Netpilation Рік тому

    dave how do you define an Api ?

  • @jj342
    @jj342 2 роки тому

    Top stuff!!

  • @bhavanalohri9326
    @bhavanalohri9326 3 роки тому

    can we store file in this local storage web api ??

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  3 роки тому +2

      That is a great question. I could make a new tutorial based on this question 😀. That said, you can learn how to do it from this article, too: hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/

  • @jackfrancis5238
    @jackfrancis5238 Рік тому

    Odin anyone?!!

  • @LeonardoSorrentino-n4p
    @LeonardoSorrentino-n4p Рік тому

    de audio is unpercettible