A Tour of Web Capabilities

• Explore Advanced Web APIs: Gain insights into a variety of new and advanced Web APIs, including speech recognition, face detection, augmented reality, and more.
• Understand API Maturity Levels: Learn about the maturity of different web capabilities and how they are categorized for production use.
• Implement Security and Permissions Policies: Understand how to manage user permissions and implement security best practices for web capabilities.
• Integrate Sensors and Hardware: Explore the use of sensors, geolocation, and hardware-related APIs to enhance user experience in web applications.
• Develop Practical Applications: Apply web capabilities in real-life scenarios by building a "Cooking Masters" app that utilizes various APIs.
• Enhance User Interaction with OS Integration: Utilize APIs for OS integration, such as managing windows, file and URL protocol handlers, and sharing capabilities.

In this course led by Maximiliano Firtman, you'll explore the vast landscape of modern web capabilities and APIs that you might not be familiar with. This course covers a range of topics from permissions, security, sensors, geolocation, OS integration, and hardware-related capabilities to advanced features like augmented reality and face detection. Throughout the course, you'll build a "Cooking Masters" app to see these capabilities in action and understand how to implement them in practical, real-world scenarios.

• Web developers interested in leveraging modern web capabilities to enhance user experiences.
• Developers looking to explore advanced APIs for building cutting-edge web applications.
• Engineers aiming to integrate hardware and sensor data into web projects.
• Anyone curious about the latest web technologies and their potential applications.

• Basic JavaScript Knowledge: Familiarity with JavaScript and web development concepts is recommended.
• Interest in Web Technologies: A desire to learn about the latest web capabilities and how to use them.

Introduction

An overview of the course topics, including permissions, security, sensors, OS integration, and more, with access to demo applications and source code.

Web Capabilities

• Web Capabilities Maturity: Understand how capabilities are categorized by maturity and their availability across different browsers.
• Origin Trials: Learn about origin trials and how to enable experimental APIs for wider user testing.
• Unsupported & Future APIs: Explore the risks of using unsupported APIs and how to research their status and support.

Permissions & Security

• Permissions & Security: Discover how browsers manage permissions for capabilities to protect users and their data.
• Permissions Policy & API: Learn how to configure permissions policies to control capability access across different origins.

Sensors, Geolocation, & Input Devices

• Sensors API: Explore the use of sensor APIs for accelerometers, gyroscopes, and other device capabilities.
• Geolocation API: Implement geolocation features to determine user location using various metrics.
• Orientation, Touch, & Virtual Keyboard APIs: Work with device orientation, touch events, and virtual keyboards to enhance user interaction.
• Gamepad API: Learn to use the Gamepad API for interacting with USB and Bluetooth controllers.

Speech, Voice, & Camera

• Speech Recognition API: Implement speech recognition to detect words and phrases using microphone input.
• Speech Synthesis API: Use the Speech Synthesis API to convert text to speech through computer speakers.
• Shape & Face Detection: Explore the Shape Detection API for recognizing faces, barcodes, and text with a device’s camera.
• Augmented Reality: Utilize the WebXR API for augmented reality experiences in web applications.

External Hardware & Devices

• Web Bluetooth API: Integrate Bluetooth devices for low-level communication in web applications.
• Web Audio & Web MIDI: Generate dynamic audio and interact with MIDI devices using web APIs.
• Web Serial & Web USB: Connect to serial and USB devices for data communication.
• Vibration, Battery Status, & Idle Detection: Implement APIs for device vibration, battery status monitoring, and idle detection.

OS Integration

• Progressive Web Apps: Understand the features and installation process of PWAs for a native-like experience.
• Managing Windows: Learn to manage window size and position using new and older JavaScript APIs.
• File & URL Protocol Handlers: Configure PWAs to handle specific file extensions and URLs.
• Web Share: Use the Web Share API to enable native sharing features in web applications.
• Contact Picker, Fullscreen, & Payment Requests: Explore APIs for contact selection, fullscreen mode, and payment processing.