Browser APIs Learning Path Leverage Native Browser APIs Using JavaScript

Explore new JavaScript APIs and the advanced capabilities in modern web browsers like device/sensor integration, client-side data storage, user authentication, and Service Worker use cases.

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!
    4 hours, 10 minutes CC
    A Tour of Web Capabilities
  • +

    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.
    4 hours, 3 minutes CC
    Web Components
  • +

    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!
    5 hours, 4 minutes CC
    Web Authentication APIs
  • +

    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.
    4 hours, 8 minutes CC
    Web Storage APIs
  • +

    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.
    3 hours, 48 minutes CC
    Build Progressive Web Apps (PWAs) from Scratch
  • +

    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!
    4 hours, 15 minutes CC
    Exploring Service Workers
  • +

    Editor's Notes

    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

    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, 0 minutes CC
    Vanilla JavaScript Projects
  • +

    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