Javascript Icon Get 62% off the JavaScript Master bundle

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

JavaScript HTML5 APIs Javascript Icon Html Icon

72 lessons

7 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (819 ratings)

JavaScript HTML5 APIs

Star Icon Star Icon Star Icon Star Icon Star Icon

5/5 (819 reviews)

Todd Motto

with Todd Motto

So you think you know HTML5? Think again. HTML5 introduced all-new JavaScript APIs that are key to building any new site or app. Get ready to unleash your new skills and take advantage of the modern web.

12

Chapters

72

Lessons

7

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

Scrubbing Volume Levels and Mute Functionality 13:13

Star Icon Star Icon Star Icon Star Icon Star Icon
Todd is the master of JavaScript - as we all know! This course is so clear and well presented. I’ve learned so much from these lessons and will refer back to them forever.
Elliott Porter

Elliott Porter

Full Stack Developer
Star Icon Star Icon Star Icon Star Icon Star Icon
This felt like sitting in on a working JavaScript programmer as he was working through various parts of a program. For me, that really worked. Many of the concepts that seemed complex before became understandable.
Bruce Peters

Bruce Peters

Owner and Developer, Just Loans Inc.
Star Icon Star Icon Star Icon Star Icon Star Icon
I have 30+ years as software programmer, and found JavaScript Basics very well explained and easy to follow alone.
Hishmad Amudi

Hishmad Amudi

CTO, PT. Global Kreasi Dana
Star Icon Star Icon Star Icon Star Icon Star Icon
The course is extremely well designed and arranged to relay each and every concept, coding skills and patterns required to develop advanced JavaScript applications.
Vijay Chauhan

Vijay Chauhan

Full-Stack Engineer
Star Icon Star Icon Star Icon Star Icon Star Icon
Todd is clear, concise, and expert. The lessons are fast-paced and straight forward. My company bought these too, but this is where I spend my own money. Worth every cent!
J. Braun

J. Braun

Angular Developer, Breeze Airways
Star Icon Star Icon Star Icon Star Icon Star Icon
The way JavaScript should be taught from the start. I've watched it 3 times and learn more each time.
Franco Zanki

Franco Zanki

JavaScript Developer

Here's what's inside...

Everything you need, structured and ready to go.

Introduction

3 lessons

  • Play Icon The Missing JavaScript HTML5 API Introduction

    06:04

  • File Icon Setup Instructions

    Readme

  • Play Icon Project Walkthrough and Install

    05:07

Drag + Drop API

8 lessons

  • Play Icon Feature Detecting the Drag and Drop API

    03:47

  • Play Icon Declaring a Draggable Element

    05:10

  • Play Icon Active States with Drag Enter and Leave Events

    03:48

  • Play Icon Drag Over and Drop Effects

    04:44

  • Play Icon Binding Drop Events

    05:04

  • Play Icon Passing DOM Node Data via Drag Start Events

    07:45

  • Play Icon Dragging Files into the Drop Zone

    05:40

  • Play Icon Improving Drag UX on the Document

    01:47

File, FileList and FileReader APIs

5 lessons

  • Play Icon Restricting Specific File Types

    06:09

  • Play Icon Using FileReader to Render Thumbnails

    09:07

  • Play Icon Appending Files to FormData Objects

    04:23

  • Play Icon POST a FormData Object to Node.js

    07:24

  • Play Icon Uploading Files from <input type=”file”>

    06:05

Notification API

5 lessons

  • Play Icon Feature Detecting the Notification API

    03:54

  • Play Icon Using Notification.requestPermission() with Async/Await

    04:56

  • Play Icon Creating a new Notification() Factory

    06:05

  • Play Icon Safety Checking the Notification.permission Property

    03:30

  • Play Icon Focusing Browser Tabs after Notification Click Events

    04:27

Video and Audio API

11 lessons

  • Play Icon <video> and <source> elements

    06:35

  • Play Icon Configuration Attributes

    04:41

  • Play Icon Binding to Media Events

    10:10

  • Play Icon Custom Play, Pause and Stop Controls

    12:03

  • Play Icon Syncing Media Progress to <input type=”range”>

    09:26

  • Play Icon Syncing and Displaying Real-time Duration

    11:41

  • Play Icon Scrubbing Duration with <input type=”range”>

    04:56

  • Play Icon Scrubbing Volume Levels and Mute Functionality

    13:13

  • Play Icon Picture-in-Picture (PiP) Mode

    08:07

  • Play Icon <audio> Element and Reusing Media APIs

    05:29

  • Play Icon Using the Audio() constructor

    03:26

Page Visibility API

3 lessons

  • Play Icon Feature Detecting the Page Visibility API

    03:00

  • Play Icon Page Visibility Events and States

    03:36

  • Play Icon Performing Actions on Visibility State Changes

    04:41

Fullscreen API

5 lessons

  • Play Icon Feature Detecting the Fullscreen API

    03:55

  • Play Icon Fullscreen Mode for the Document with Async/Await

    05:37

  • Play Icon Fullscreen Mode for a single Element

    02:48

  • Play Icon Fullscreen Change (Enter and Exit) Events

    02:15

  • Play Icon Programmatically Exiting Full Screen Mode

    03:52

History API

8 lessons

  • Play Icon Feature Detecting the History API

    04:07

  • Play Icon Pushing New History State

    07:04

  • Play Icon Push State versus Replace State

    02:06

  • Play Icon Rendering Data on Route Changes

    02:08

  • Play Icon Push State from Nav Click Events

    07:47

  • Play Icon Loading Data on Route Refresh

    03:03

  • Play Icon History Back, Forward and Go API

    03:34

  • Play Icon Popping State from the History Stack

    07:01

Canvas API

6 lessons

  • Play Icon Feature Detecting the Canvas API

    04:18

  • Play Icon Canvas Context and Basic Shapes

    08:42

  • Play Icon Create and Update State via Mouse Events

    07:15

  • Play Icon Rendering to Canvas with requestAnimationFrame

    07:41

  • Play Icon Clearing the Canvas

    02:14

  • Play Icon Downloading Canvas Images via Data URIs

    04:50

Async Clipboard API

4 lessons

  • Play Icon Feature Detecting the Async Clipboard API

    02:32

  • Play Icon Writing Text to Clipboard with Async/Await

    08:00

  • Play Icon Reading Text from Clipboard and Permissions API

    04:54

  • Play Icon Intercepting Copy and Paste Events to Customize Data

    06:16

Local and Session Storage API

9 lessons

  • Play Icon Feature Detecting the Web Storage API

    10:55

  • Play Icon Set and Get Data to localStorage

    04:52

  • Play Icon Storing JSON Objects in localStorage

    06:13

  • Play Icon Removing Items and Emptying localStorage

    03:45

  • Play Icon Triggering localStorage from UI Events

    07:31

  • Play Icon Creating a Web Storage Module

    13:01

  • Play Icon Error Handling Exceeded Quotas

    06:50

  • Play Icon localStorage onChange Events

    05:56

  • Play Icon Getting all localStorage values

    04:35

Geolocation API

6 lessons

  • Play Icon Feature Detecting the Geolocation API

    05:25

  • Play Icon Requesting Geolocation Position to get User’s Position

    06:03

  • Play Icon Handling Permission and Location Errors

    06:27

  • Play Icon Advanced Geolocation Options

    03:20

  • Play Icon Watching and Clearing Realtime Geolocation Position

    02:42

  • Play Icon Rendering to Google Maps

    03:21

Get the complete package...

Everything you need to start mastering JavaScript today

Google Developer Experts Icon

Expert knowledge

Built by Google Developer Experts, there's no better place to learn.

Trophy Icon

All the best practices

Design patterns, battle-tested techniques, architecture and performance.

Stream Icon

Stream or download

Learn at home at your own pace, download for offline viewing.

Code Terminal Icon

Level up your career

Nail that interview or promotion with skills that will set you apart.

StackBlitz Icon

StackBlitz Embeds

Access full source code, and experiment live in the browser.

Slack Icon

Private Slack Group

Exclusive access to our members-only community (7,000+ members).

JavaScript HTML5 APIs

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

JavaScript Kickstart Bundle

199

/user

258

Save 23%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.