This repository documents my learnings from A Tour of Web Capabilities on Frontend Masters, taught by Maximiliano Firtman (Software Engineer, educator, and expert in modern web platform APIs).
📅 Course Timeline
- Started: January 16, 2026
- Completed: February 4, 2026
A comprehensive exploration of modern and emerging Web APIs that extend the browser beyond traditional UI rendering. The course focuses on how the web can interact with hardware devices, operating system features, sensors, multimedia, and advanced user interactions, showcasing the growing power of the web platform.
Through theory and hands-on demos, the course demonstrates how developers can build applications that feel closer to native experiences while maintaining the accessibility and reach of the web.
Key topics include:
- 🌐 Web Capability Maturity: Understanding stable, experimental, and future APIs and how to evaluate production readiness
- 🔐 Permissions & Security: Managing browser permission flows and controlling capabilities using the Permissions Policy
- 📍 Sensors & Geolocation: Working with device sensors such as accelerometers, gyroscopes, light sensors, and location services
- 🎮 Alternative Input Devices: Integrating Gamepad API and Human Interface Devices (WebHID)
- 🎤 Speech & Voice APIs: Implementing speech recognition and speech synthesis for voice-driven interfaces
- 📷 Camera & Detection APIs: Using shape detection, barcode scanning, and face detection capabilities
- 🥽 Augmented Reality: Exploring WebXR and integrating 3D/AR experiences into web applications
- 🔋 Device & System APIs: Working with vibration, battery status, idle detection, and screen wake lock
- 🔌 Hardware Communication: Using Web Bluetooth, Web Serial, Web USB, Web MIDI, and Web Audio APIs
- 📱 OS Integration & PWAs: Managing windows, file handlers, URL protocols, Web Share API, and deep operating system integration
Throughout the course, these capabilities were demonstrated through building a Cooking Masters application that enables users to interact with recipes using voice commands, controllers, sensors, and external devices.
I took this course to explore the true capabilities of the modern web platform and understand how browsers are evolving beyond traditional document rendering into powerful application runtimes.
My goals were to:
- Discover advanced and lesser-known Web APIs
- Learn how to safely integrate hardware and OS-level features into web applications
- Understand the maturity lifecycle of browser APIs and how to evaluate production readiness
- Expand my ability to design immersive and device-aware user experiences
- Gain hands-on exposure to APIs that blur the line between web and native applications
This course significantly improved my ability to:
- Evaluate browser support and progressive enhancement strategies
- Implement permission-based capabilities responsibly
- Build interfaces that interact with real-world devices and sensors
- Understand how PWAs integrate with operating systems
- Explore experimental APIs while maintaining stable user experiences
As a practical extension of the course, I built an experimental playground project that applies as many supported Web Capabilities as possible in a single application.
Due to regional restrictions in Iran, I accessed this course through alternative means. While I don’t have an official certificate, I completed the lessons, followed the demonstrations, and documented my implementations and takeaways in this repository.