Скачать или смотреть Local Storage & Session Storage [with Code Examples] in JavaScript | mern Stack Web Development 2024

#mern #javascript || Full Stack Web Development 2024 Day 61

Local Storage & Session Storage [with Code Examples] in JavaScript | mern Stack Web Development 2024


Welcome to our comprehensive web development course using the MERN stack (MongoDB, Express, React, and Node.js)! Day 61


Understanding Web Storage API including, localStorage and sessionStorage
Explaining how companies like Flipkart and Paytm use Local Storage
How can this will help you in Machine Coding Round of your Web/UI developer Interview
Code Example for how to use Local Storage functions
In this video we are going to cover Local Storage in javascript and Session Storage in javascript in hindi


Web Storage APIs are used by developers to store data into the browser. Now the data here refers to the key-value pair of strings. Now storing this data can be done by 2 mechanisms: either by using the sessionStorage API and the localStorage API.

So in session storage, the data is stored in the browser’s memory for that specific session. Session more here means until you close the browser window. Unlike cookies, the data in sessionStorage is never transferred to the server while making a network request.

The storage limit of session storage is also very high when compared to cookies. The cookies which can generally store around 4000 bytes of data here session storage can store at least 5 MB of data or even more than that depending on the device and browser. Which is a lot!

If we talk about localStorage, it is almost the same as the session storage but the major difference is that it does not have an expiry. So Even if you close the browser and restart your system and come back again anytime the data persists. That makes it unique and very useful. And among these 3, localStorage has higher memory limit.


If you have ever observed many companies like Flipkart and Paytm use localStorage for keeping a lot of data. Flipkart. If you go and check the application tab of your developer console. Then you’ll find out that some information such as browsed products, navigation menu, autosuggest history all this user-specific data is being stored in the local storage.



One more important thing to note here is that due to security reasons it follows the same-origin policy. Same-Origin refers to the same Protocol, same host, and the same port.

Later half of the video also contains the code demo for the localStorage APIs which you can use to get data, set data or clear data from the storage.


👍 Don't forget to hit that like button, share with your fellow developers, and subscribe for more insightful tutorials!





💪🌟 #WebDevelopment #js #javascript #FromZeroToFullStack #javascript #advancedjavascript #programming #javascripttutorials #webdevelopment #coding #frontenddevelopment #javascripttraining #webdevelopment #javascriptmastery #handsonlearning #codingjourney #javascriptbasics #javascripttutorial #programming #webdevelopment #javascriptcode #learnjavascript #codingjourney #localstorage #sessionstorage



►Important Links:

Notes: https://ankitpathak62.blogspot.com/p/...
Playlist:    • Complete Full Stack Web Development using ...  
Source Code: https://github.com/ankitpathak62/Webd...
or https://github.com/ankitpathak62/Webd...

►Learn in One Video :
HTML :    • Complete HTML Tutorial in 1 Video || in HI...  
CSS :    • Complete CSS Tutorial in 1 Video || in HIN...  

►Playlist :

Complete HTML :    • HTML Tutorial in Hindi | Complete Course (...  

Complete CSS :    • Complete CSS - Basics to Advanced with pro...  

Complete JS :    • Master JavaScript for Web Development Full...  

Complete Full Stack web development :    • Complete Full Stack Web Development using ...  


👍 Don't forget to like this video if you find it helpful and subscribe for more coding challenges, tutorials, and explanations. Hit the bell icon to get notified whenever we release new content!

📢 Connect with me:
Instagram Personal Account :   / katomekichi62  
-Instagram Official Account :   / sunfiresensei  
LinkedIn:   / ankitpathak62  
-Github: https://github.com/ankitpathak62
-Vlogs:    • Varanasi - Banaras - Kashi || Banaras ke G...  
My Second Channel: ​⁠‪@themomentjourney‬

Subscribe to our channel for more career-oriented content and interview preparation guides.
Remember to like, comment, and share this video with your fellow developers! Let's spread the knowledge and grow together.

Support this video series, NOT BY MONEY, but by sharing it with your friends. 🙏
I'll give my best to come up with great content and everything absolutely for free on YouTube. 😊

If you are active on Social Media,
please give a shoutout to Full stack MERN Stack course and help me reach more people. 🙏