JavaScript HTML5 APIs

New

The Missing JavaScript HTML5 API Introduction

06:04

Setup Instructions

Readme

Project Walkthrough and Install

05:07

Feature Detecting the Drag and Drop API

03:47

Declaring a Draggable Element

05:10

Active States with Drag Enter and Leave Events

03:48

Drag Over and Drop Effects

04:44

Binding Drop Events

05:04

Passing DOM Node Data via Drag Start Events

07:45

Dragging Files into the Drop Zone

05:40

Improving Drag UX on the Document

01:47

Restricting Specific File Types

06:09

Using FileReader to Render Thumbnails

09:07

Appending Files to FormData Objects

04:23

POST a FormData Object to Node.js

07:24

Uploading Files from <input type=”file”>

06:05

Feature Detecting the Notification API

03:54

Using Notification.requestPermission() with Async/Await

04:56

Creating a new Notification() Factory

06:05

Safety Checking the Notification.permission Property

03:30

Focusing Browser Tabs after Notification Click Events

04:27

<video> and <source> elements

06:35

Configuration Attributes

04:41

Binding to Media Events

10:10

Custom Play, Pause and Stop Controls

12:03

Syncing Media Progress to <input type=”range”>

09:26

Syncing and Displaying Real-time Duration

11:41

Scrubbing Duration with <input type=”range”>

04:56

Scrubbing Volume Levels and Mute Functionality

13:13

Picture-in-Picture (PiP) Mode

08:07

<audio> Element and Reusing Media APIs

05:29

Using the Audio() constructor

03:26

Feature Detecting the Page Visibility API

03:00

Page Visibility Events and States

03:36

Performing Actions on Visibility State Changes

04:41

Feature Detecting the Fullscreen API

03:55

Fullscreen Mode for the Document with Async/Await

05:37

Fullscreen Mode for a single Element

02:48

Fullscreen Change (Enter and Exit) Events

02:15

Programmatically Exiting Full Screen Mode

03:52

Feature Detecting the History API

04:07

Pushing New History State

07:04

Push State versus Replace State

02:06

Rendering Data on Route Changes

02:08

Push State from Nav Click Events

07:47

Loading Data on Route Refresh

03:03

History Back, Forward and Go API

03:34

Popping State from the History Stack

07:01

Feature Detecting the Canvas API

04:18

Canvas Context and Basic Shapes

08:42

Create and Update State via Mouse Events

07:15

Rendering to Canvas with requestAnimationFrame

07:41

Clearing the Canvas

02:14

Downloading Canvas Images via Data URIs

04:50

Feature Detecting the Async Clipboard API

02:32

Writing Text to Clipboard with Async/Await

08:00

Reading Text from Clipboard and Permissions API

04:54

Intercepting Copy and Paste Events to Customize Data

06:16

Feature Detecting the Web Storage API

10:55

Set and Get Data to localStorage

04:52

Storing JSON Objects in localStorage

06:13

Removing Items and Emptying localStorage

03:45

Triggering localStorage from UI Events

07:31

Creating a Web Storage Module

13:01

Error Handling Exceeded Quotas

06:50

localStorage onChange Events

05:56

Getting all localStorage values

04:35