Javascript Icon Get 67% 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

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 bundle...

Everything you need to start mastering JavaScript today

Terminal Icon Job-ready training

Nail that interview with your new skills that will set you apart.

Trophy Icon All the best practices

Best practices, design patterns, performance and architecture.

Rocket Logo Stream or download

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

Google Developer Expert Logo Expert knowledge

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

Stackblitz Logo StackBlitz examples

Access full course source code and experiment in the browser too!

Slack Logo Slack community

Exclusive access to our members-only community (6,500+ members).

MasterCard Icon PayPal Icon VISA Icon Amex Icon

Secure SSL encrypted payments

Moneyback Icon

30-day money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Discount Icon

Location + Student discounts

Not-so-good exchange rate (i.e. India/Brazil)? Are you a student? Contact us for a coupon with your location or student details.

🎉 Get the complete bundle and save $366!

Sold separately = $645 💰

  • Javascript Icon

    JavaScript Basics

    68 lessons
  • Javascript Icon

    JavaScript DOM

    49 lessons
  • Javascript Icon

    JavaScript Masterclass

    25 lessons
  • Javascript Icon

    JavaScript HTML5 APIs

    73 lessons
  • Jest Icon

    JavaScript Testing with Jest

    Almost ready
Javascript Icon