Core Coursework

Take these in order

Prerequisite: JavaScript: From First Steps to Professional or experience with JavaScript and familiarity using a terminal

Editor's Note

The first course covers the wide range of JavaScript APIs available natively in the browser. You’ll see hardware/OS integration, user input with voice and facial recognition, and strategies for detecting support and error handling.

A Tour of Web Capabilities

Maximiliano Firtman

Independent Consultant

Explore what is possible with new Web APIs! Browsers can do so much now, including speech recognition, geolocation, OS integration, face detection, augmented reality, and reading from sensors, external hardware, and devices!

4 hours, 10 minutes CC

Watch Free Preview Get Full Access

Editor's Note

Learn how to create custom, framework-agnostic HTML tags for your applications using Web Components.

Web Components

Dave Rupert

Paravel

Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.

4 hours, 3 minutes CC

Watch Free Preview Get Full Access

Editor's Note

The browser supports several authentication strategies. Learn to integrate your applications with password managers, federated login providers, and new security technologies like WebAuthn and passkeys.

Web Authentication APIs

Maximiliano Firtman

Independent Consultant

Learn basic password logins to using Google to log in. Then, use WebAuthn API and Passkeys to use FaceID and biometrics to make passwordless web apps!

5 hours, 4 minutes CC

Watch Free Preview Get Full Access

Editor's Note

Saving data to the client is crucial for custom user experiences and optimizing the performance of data-centric applications. Learn the APIs available in the browser and client-side data best practices.

Web Storage APIs

Maximiliano Firtman

Independent Consultant

Go beyond localStorage to use newer and more performant APIs like IndexedDB for storing JSON, CacheStorage for caching requests, and the FileSystem API for accessing the local file system.

4 hours, 8 minutes CC

Watch Free Preview Get Full Access

Editor's Note

Progressive Web Applications extend a web application’s capabilities beyond the browser, allowing it to behave like a native mobile or desktop application. Learn how to build and distribute PWAs.

Build Progressive Web Apps (PWAs) from Scratch

Maximiliano Firtman

Independent Consultant

Build offline-capable Progressive Web Apps with HTML, CSS, and JavaScript: Service workers give you access to the cache storage while App Manifests allow you to be distributed on the Google Play store and Apple App Store.

3 hours, 48 minutes CC

Watch Free Preview Get Full Access

Build Progressive Web Apps (PWAs) from Scratch

Editor's Note

Gain an in-depth understanding of Service Workers and learn advanced use cases around caching, messaging between workers, and routing.

Exploring Service Workers

Kyle Simpson

You Don't Know JS

Service Workers enable websites to have new PWA capabilities like smart offline caching, background sync, and push notifications!

4 hours, 15 minutes CC

Watch Free Preview Get Full Access

Editor's Note

Build small, practical projects covering common use cases in web app development to practice your JavaScript skills. Challenge yourself by including some of the browser APIs you learned in earlier courses!

Vanilla JavaScript Projects

Anjana Vakil

Software Engineer & Educator

Put your fundamental JavaScript knowledge into practice through hands-on web projects. Use browser APIs, asynchronous programming, Node.js, and modern tooling to build and deploy web apps, all with vanilla JavaScript!

9 hours CC

Watch Free Preview Get Full Access

Editor's Note

The optional courses below introduce additional APIs for building real-time applications and understanding how JavaScript execution is affected when a browser or application is idle.