HTML5 Web Storage
Duration:
22:51
Created with
Ben Fhala
Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.
HTML5 Web Storage Overview
What you'll learn
In this part of our HTML training we dig into the world of Cookies or with its new name Web Storage. Enabling developers to save information directly on the users computer. We will explore both storage APIs introduced in HTML5: The LocalStorage and the SessionStorage
Introducing LocalStorage
In our first session on web storage we will start working with the localStorage object. The local storage object enables you to save information on client end.
05:30
LocalStorage getItem and setItem methods
There are a few ways to access a localStorage or any type of storage object: we've seen how to do the first in the last video, in this one we will see how to add and get items using the setItem and ge
02:09
Removing items or removing the whole localStorage
We started working with the storage API in the last video in this one we will learn how to remove one item using the removeItem method and how to remove all items using the clear method.
02:26
Talking about the localStorage limits - 2MB
A short talk about disk space and how much storage can you actually have in your HTML5 localStorage object. The current suggested amount is up to 2MB.
01:12
What is the difference between SessionStorage and LocalStorage?
While LocalStorage is long term and shared among all windows of user in the same browser the SessionStorage is temporary information that is saved on browser window and not shared between windows.
03:57
Working with the storage Event
In this video we will introduce the ability to share immediate updates within multiple windows using the the storage event.
07:38