JavaScript HTML5 APIs 
72 lessons
•7 hours
•
5/5 (819 ratings)
Get an extra 35% OFF everything with coupon code BLACK_FRIDAY
72 lessons
•7 hours
• 5/5 (819 ratings)
JavaScript HTML5 APIs 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.
Closed Captions in English
Scrubbing Volume Levels and Mute Functionality • 13:13
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
Full Stack DeveloperThis 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
Owner and Developer, Just Loans Inc.I have 30+ years as software programmer, and found JavaScript Basics very well explained and easy to follow alone.
Hishmad Amudi
CTO, PT. Global Kreasi DanaThe 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
Full-Stack EngineerTodd 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
Angular Developer, Breeze AirwaysThe way JavaScript should be taught from the start. I've watched it 3 times and learn more each time.
Franco Zanki
JavaScript DeveloperEverything you need, structured and ready to go.
3 lessons
The Missing JavaScript HTML5 API Introduction
06:04
Setup Instructions
Readme
Project Walkthrough and Install
05:07
8 lessons
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
5 lessons
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
5 lessons
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
11 lessons
<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
3 lessons
Feature Detecting the Page Visibility API
03:00
Page Visibility Events and States
03:36
Performing Actions on Visibility State Changes
04:41
5 lessons
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
8 lessons
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
6 lessons
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
4 lessons
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
9 lessons
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
6 lessons
Feature Detecting the Geolocation API
05:25
Requesting Geolocation Position to get User’s Position
06:03
Handling Permission and Location Errors
06:27
Advanced Geolocation Options
03:20
Watching and Clearing Realtime Geolocation Position
02:42
Rendering to Google Maps
03:21
Everything you need to start mastering JavaScript today
Built by Google Developer Experts, there's no better place to learn.
Design patterns, battle-tested techniques, architecture and performance.
Learn at home at your own pace, download for offline viewing.
Nail that interview or promotion with skills that will set you apart.
Access full source code, and experiment live in the browser.
Exclusive access to our members-only community (7,000+ members).
If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).
Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.
