Local Storage Explained In 10 min | Javascript

Поділитися
Вставка
  • Опубліковано 1 жов 2024
  • today i'll try to give you the best explination on local Storage javascript, explained in 10 min.
    if you're new here please subscribe to my channel, and give this video a thumbs up..
    ---------------------------------------------------------------------------------------------------------------------
    Take a look at my "javascript projects playlist": • HTML CSS & Javascript ...
    ---------------------------------------------------------------------------------------------------------------------
    [TAGS]:
    window.localStorage, sessionStorage, Local Storage Explained In 10 min | Javascrpit, localStorage.setItem, javascript local storage, localstorage, javascript, pass data between pages, local storage javascript html, javascript local storage tutorial, local storage tutorial, local storage limit, local storage code, local storage code example, session storage tutorial, javascript storage array

КОМЕНТАРІ • 122

  • @StephenBeale
    @StephenBeale 4 місяці тому +2

    0:10 What is local storage
    0:23 Example
    1:20 What local storage does
    1:40 What happens when not using local storage
    2:25 Local storage is like memory in your local host
    3:17 what happens on refresh
    3:45 How to store data in local storage
    4:38 Improving on the earlier function
    4:54 Storing the value of the input in our memory
    5:00 Grab/get the data we've stored
    5:38 Saving h2 to local storage
    6:00 Testing with console log
    7:16 Setting h2.innerHTML to local storage
    7:52 Why it's not showing on refresh
    8:40 Solution for storing - move the call
    9:30 Demo of it working
    9:50 How to Remove Item from Local Storage
    10:15 Clearing local storage

  • @annamoradi3782
    @annamoradi3782 2 роки тому +19

    Its 5 am and I needed this ... all other videos were crazy complex for a newbie... soo thanksss🥰🥰🥰🥰

  • @alienboss7150
    @alienboss7150 Рік тому +16

    This is the only video I’ve found that clearly explains local storage in simple terms. Thank you!

  • @MaxProgramming
    @MaxProgramming 4 роки тому +17

    Thanks! I wanted to learn local storage and it is actually very easy. Shared to my friends!

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

      it is!! and im glad i could help, and THANK YOU FOR SHARING

    • @MaxProgramming
      @MaxProgramming 4 роки тому

      @@ProMakerDev I shared it with a Discord server. Will you also make one so that the subscribers could join it and talk?

    • @ProMakerDev
      @ProMakerDev  4 роки тому +1

      @@MaxProgramming i think i'll make one in the future, i don't have much subscribers now

    • @MaxProgramming
      @MaxProgramming 4 роки тому

      @@ProMakerDev right. But I saw you are using Atom and you were talking about VS Code. Why? Do you use Atom as your default code editor?

  • @Simplest1
    @Simplest1 5 місяців тому +2

    Super explanation 👌👍

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

    Brilliant explanation, thank you very much!

  • @DesazMusicYt
    @DesazMusicYt 11 місяців тому +2

    Great video! Thank you for this. By far the easiest explanation.

  • @docter-hood
    @docter-hood 10 місяців тому +1

    Thank you very much! You don't know what you did to me, you're so genius❤❤😍😍

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

    best explanation ever! thanks so much, this is really helpful!

  • @abdelrahmanaymanbedo7424
    @abdelrahmanaymanbedo7424 10 місяців тому

    doesnt LocalStorage only accept strings, should I localStorage.setItem(JSON.stringify(input.value)), then JSON.parse() when I localStorage.getItem ?

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

    Thank you for this clear explanation!

  • @redstar3550
    @redstar3550 Рік тому +1

    Awesome video. How come you stopped uploading videos? Would be happy to subscribe if you were posting regularly. 👍

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

      I'm not as free as I used to be :(((

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

    Very good explanation. Detailed and paused. I got it, thanks :)

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

    Could you explain why? Would we needed to do that? Sorry I’m new to JS. Thx

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

    I from turkey but ı can understand and I have learned a lot of things very thanks

  • @oldguy8177able
    @oldguy8177able 3 місяці тому

    my god taken me years to find something that works,so many options but do'nt work

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

    it would be much more explanatory if you show all the codes

  • @realworldcodingapplications
    @realworldcodingapplications 11 місяців тому +2

    amazing stuff, using it for my project to help me impress interviewers and land me a coding job! all self taught! you among many other people are small pieces of that puzzle, i thank you so much for teaching this, i thought it would super complicated

  • @Programmer-niyomufashaprosper
    @Programmer-niyomufashaprosper Місяць тому

    Wow it's so good this video is useful and understandable

  • @EidSomlive
    @EidSomlive 5 місяців тому

    Thank you it's helpful

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

    thanks very much. And you were very funny lol

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

    Thanks a lot for clear explanation

  • @panecosmin2893
    @panecosmin2893 4 роки тому +3

    You channel is so under rated

    • @ProMakerDev
      @ProMakerDev  4 роки тому +1

      ikr, haha, but thank you that really motivated me, if you want, you can support me with likes from time to time.. much love -red

    • @panecosmin2893
      @panecosmin2893 4 роки тому

      @@ProMakerDev you channel is so rare because all of your videos helped me. I can't find another channel with such a lot of useful content, especially for me. I like every video

    • @ProMakerDev
      @ProMakerDev  4 роки тому +1

      @@panecosmin2893 thank you pane, that really pushes me to make more good content, your words are very appreciated

    • @panecosmin2893
      @panecosmin2893 4 роки тому

      @@ProMakerDev 💯

  • @n8xeditz561
    @n8xeditz561 Рік тому +1

    Tbh, best explained

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

    thanks you so much bro this was so simple

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

    "Where is my BROWSER" is me during every coding session 😆 3 windows and 50 million tabs open.

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

    amazing thank you very much ❤

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

    Very well explained. Thank you

  • @amardeepsingh2168
    @amardeepsingh2168 4 місяці тому

    Thank you this explanation is great

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

    thank you my brother that was helpful

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

    I'm tryin to keep on the page refresh more than 1 output(like a todo list) how can i do that? Thanks

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

      same im trying to do that but its just not wokring ughh

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

    Bro come back to UA-cam you had gold keep going please I know how it feels to keep grinding when others hit easy

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

    Do you think it will work if I wanted to create a menu bar and each element calls a function that loads data into a div, even if I refresh the page I want to show data from each webpage section. Thank you!

  • @theodorenick2866
    @theodorenick2866 4 роки тому +1

    super good!

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

    lmfaooo your voice is so cute thank you

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

    hi, nice video ok assuming you store the data then how will you know the storage capacity like the total amount of data store in the local Storage

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

    Can u share ur style.css code?

  • @OlawamiwaNurudeen-s7v
    @OlawamiwaNurudeen-s7v Місяць тому

    I really like your explained

  • @joshuaoseiawuah1157
    @joshuaoseiawuah1157 10 місяців тому

    mate this is not working for me. i have a todo list and it was trying to save the list items but it is not working

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

    thanks! this is very clear :) - from Taiwan

  • @PegeCovers
    @PegeCovers 3 місяці тому

    Excellent work.

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

    I really appreciate your video. Thank you

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

    Thanks for this video

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

    great job , thank you

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

    good job man! God bless you! keep it up

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

    Amazing video, it's a very simple concept and you did a wonderful job breaking it down.
    I laughed at "Where is my browser?!" 😂

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

    Thanks a lot for this. Now I want to be a JS programmer😁.
    One question regarding the Key and value. Can I save binary data by converting it to string and use SetItem? And whenever I want to use it, just use GetItem and re-convert it to binary?

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

    thanks!! really good tut!! subscribed!

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

    The best explanation

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

    Okay you just saved my life, thank you!

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

    I tried it and didn't work

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

    this video could've been two minutes long.

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

      metro7ch t9wed 3lina, ndirlek el video w tzid tetcherret

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

    thanks for this video ....simple and clear

  • @VincentLabStudio
    @VincentLabStudio 4 роки тому +1

    Really cool illustrations. And keep up the good work.

    • @ProMakerDev
      @ProMakerDev  4 роки тому

      thank you vincent, also, i just wanna ask you a quick question, (think of it as a one question survey hehe)
      where or how did you find this video?

    • @VincentLabStudio
      @VincentLabStudio 4 роки тому

      @@ProMakerDev I was watching Max Programming. And I saw you in the comment sections of one of his videos. Saw you wrote a friendly comment, and I became curious, and I clicked on your channel and saw some of your videos. And I just like the format. I also run a small coding channel, called Vincent Lab.

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

    best video i found on UA-cam that explains local storage, thanks !

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

    Thanks. The best explanation that I found.

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

    thank you

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

    why did you stop posting videos ? :(

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

    Nice video Sir.!
    Keep up the good work!
    New subscriber here!

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

    This is what I’ve been looking for thank you so much

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

    Thank you..for ur explanation....👍

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

    thanks man

  • @stevenmulaudzi4857
    @stevenmulaudzi4857 10 місяців тому

    Thank you.

  • @ahmedhameed5469
    @ahmedhameed5469 4 роки тому +1

    wow it cool

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

    Thank you.

  • @MahmoudSY-f3s
    @MahmoudSY-f3s Рік тому

    Thanks Pro

  • @brucebane7401
    @brucebane7401 10 місяців тому

    very good !!!

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

    This is really the best explanation video on local storage

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

    Waouh! You really know how to explain this!

  • @mr.muffin6519
    @mr.muffin6519 4 роки тому

    Please next vid could be how to delete System 32 folder in hardrive C.
    I really need to help with that, thank u

    • @ProMakerDev
      @ProMakerDev  4 роки тому

      what's that to do with fucking local storage lol heheh, (joke)

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

    Much appreciated for making this lesson so easy to understand!

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

    thanks

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

    you are a god send thank you so much.

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

    It was very clear! thank you❤

  • @ProMakerDev
    @ProMakerDev  4 роки тому

    Did you understand javascript local storage? if you did please subscribe to my channel, and like the video

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

      :< i dont get it i need more help

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

      Personally, I found your explanation very confusing. Thanks for trying, anyway 🤷‍♂

    • @ProMakerDev
      @ProMakerDev  6 місяців тому

      @@yannisvolos5877 ur prob slow, good luck anyway 🤷‍♂!

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

    Thanks, I was struggling with this!

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

    Cool

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

    Thank you this is clear

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

    Great Teaching Style Man! 🎊

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

    precise and to the point video

  • @vukiss-su7hn
    @vukiss-su7hn 3 роки тому

    how to store more text one under another??

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

    Thanks very useful.

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

    very informative! thanks a lot

  • @zachary.ramsumair
    @zachary.ramsumair 2 роки тому

    great vid. Short and sweet. Loved it

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

    getDisappeared()

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

    nice explanation.

  • @waqasaps
    @waqasaps 4 роки тому

    Thank you! It helped a lot.

  • @faiztchekiken2680
    @faiztchekiken2680 4 роки тому

    You give always clean content

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

    Awesome! Thanks for actually explaining and demonstrating local storage. Liked and subscribed!

  • @ALiHameedAlHashemi
    @ALiHameedAlHashemi 4 роки тому

    thanks for this info

  • @francisc.records
    @francisc.records 2 роки тому

    Work on your audio quality.

  • @bibimathew6381
    @bibimathew6381 4 місяці тому

    This was a great explanation. Thank you so much!!!!

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

    Very good tutorial, very well explained and demonstrated! Very helpful. Many thanks!