02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

HTML5 Web Storage

Explore both storage APIs introduced in HTML5: The LocalStorage and the SessionStorage

Duration: 22:51

Advanced Level
Advanced Level
Medium-paced Course
Medium-paced Course

Created with

Ben Fhala

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

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

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

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!