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

HTML5 Location & History

Learn the in and out of the location and history API in HTML5. Step by step instructions that will take you from nob to an HTML5 hero.

Duration: 32:04

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 Location & History Overview

What you'll learn

Welcome back to our HTML5 API training. In this section of our training we will learn about the location and the history API's. By the end of this course you will know how to create a smart browser history dynamically controlled via JavaScript.

Getting to know the HTML5 Location API

By the end of this video you will know everything you need to know about the new HTML5 Location API.

05:20

Getting to know the HTML5 History API

In the last video we discovered the location API and in this one we will discover how to work with the History API in HTML5. The first methods we will visit in this video: History.back, History.forewo

04:01

Taking a peak at the XMLHttpRequest

Before we can continue working with the History API of HTML5 we need to take a break so we can take a deeper look at the way we will be loading data onto our site dynamically %u2013 to do that we will

13:58

Discovering the HTML5 History pushState method

In the last video we toke a break from the History API to learn how to work with the XMLHttpRequest . In our next goal now that we have a working application that will load in data dynamically we woul

03:28

Discovering the HTML5 History popstate event

The next step is to be able to change the content on our page as the user clicks on the back/foreword in there browser to accomplish that we will need to work with the popstate event.

03:40

Passing data into the HTML5 History popstate Event

We owe you a short conversation about passing information through our pushstate method. We can pass information into it and this information would then come back to us once we get a popstate event cal

01:37