Core Coursework
(take these in order)
- +
Editor's Notes
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
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! - +
Editor's Notes
Learn how to create custom, framework-agnostic HTML tags for your applications using Web Components. - ⠇
Web Components
Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library. - +
Editor's Notes
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
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! - +
Editor's Notes
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
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. - +
Editor's Notes
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
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. - +
Editor's Notes
Gain an in-depth understanding of Service Workers and learn advanced use cases around caching, messaging between workers, and routing. - ⠇
Exploring Service Workers
Service Workers enable websites to have new PWA capabilities like smart offline caching, background sync, and push notifications! - +
Editor's Notes
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.
Elective Coursework
- ⠇
JavaScript in the Background
Explore new web app capabilities to detect when your web app is in the background to execute code later, even when your web app isn’t in focus. - ⠇
Complete Intro to Real-Time
Learn to build apps where the client can push messages to the server and talk in real-time. Start today!