George Cave
Prototyping with Hardware and the Web
#1about 2 minutes
Connecting hardware prototypes to the browser
An overview of using browser APIs and common techniques to bridge the gap between physical hardware and web-based user interfaces.
#2about 6 minutes
Using Arduino for keyboard emulation to control software
Program an Arduino to act as a Human Interface Device (HID) to send keyboard commands and control any application without custom code.
#3about 3 minutes
Building a physical game controller with keyboard emulation
A live demonstration shows how to create a simple circuit with aluminum foil to play the Chrome Dino game by sending spacebar key presses.
#4about 7 minutes
Bidirectional communication with the Web Serial API
Learn how to use the Web Serial API and Streams API for two-way data transfer between a browser and hardware, demonstrated by building a musical instrument.
#5about 7 minutes
Wireless prototyping with the Web Bluetooth API
A walkthrough of connecting hardware wirelessly using the Web Bluetooth API, covering GATT services, characteristics, and a live audience-controlled demo.
#6about 2 minutes
Recommended hardware and a summary of techniques
A guide to selecting the right Arduino boards for keyboard emulation and Web Bluetooth, along with a summary comparing the different prototyping methods.
#7about 4 minutes
Audience Q&A on hardware and prototyping
The speaker answers audience questions about specific hardware like ESP32 and Raspberry Pi Pico, and the source for the stretchy sensor.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
19:16 MIN
Key takeaways on creative software and hardware projects
How to Automate your Murder Mystery
17:41 MIN
Presenting live web scraping demos at a developer conference
Tech with Tim at WeAreDevelopers World Congress 2024
20:07 MIN
Encouraging creative coding and hardware experimentation
How to Automate your Murder Mystery
55:01 MIN
Developing a playful hardware kit for Web of Things
IoT: The road to sustainability
03:58 MIN
Use prototypes to make your vision tangible
WE Develop the Future: WTF is Next?
34:15 MIN
Accessing hardware and tracking new web capabilities
Native Web Apps: Are We There Yet?
02:09 MIN
Approaching the live pair programming challenge
Coffee with Developers - Jonathan Tang
12:56 MIN
Connecting physical MIDI controllers using the Web MIDI API
Beats in the Browser: Coding Music with JavaScript
Featured Partners
Related Videos
The year 3000, a brief history of Web Development
Lorenzo Pieri
Beats in the Browser: Coding Music with JavaScript
Rowdy Rabouw
Design Principles For The Web
Jeremy Keith
The State Of The Web
Jeremy Keith
Mastering Keyboard Accessibility
Tanja Ulianova
Possibilities with Web Capabilities
Rowdy Rabouw
Explore new web features before everyone else
Nikita Dubko
Catching up on the basics you don't really need that much code
Chris Heilmann
From learning to earning
Jobs that call for the skills explored in this talk.

Lead Fullstack Engineer AI
Hubert Burda Media
München, Germany
€80-95K
Intermediate
React
Python
Vue.js
Langchain
+1
![Senior Software Engineer [TypeScript] (Prisma Postgres)](https://wearedevelopers.imgix.net/company/283ba9dbbab3649de02b9b49e6284fd9/cover/oKWz2s90Z218LE8pFthP.png?w=400&ar=3.55&fit=crop&crop=entropy&auto=compress,format)
Senior Software Engineer [TypeScript] (Prisma Postgres)
Prisma
Remote
Senior
Node.js
TypeScript
PostgreSQL

Angular Developer
Picnic Technologies B.V.
Amsterdam, Netherlands
Intermediate
Senior
RxJS
Angular
TypeScript


Tech Lead (m/f/d) - Berlin
Patronus Group
Berlin, Germany
Senior
Kotlin
Android
Angular
Spring Boot
Amazon Web Services (AWS)

Software Engineer
tree-IT GmbH
Bad Neustadt an der Saale, Germany
Remote
€54-80K
Intermediate
Senior
Java
TypeScript
Spring Boot

Founding Product Engineer
fonio GmbH
Vienna, Austria
Remote
€70-100K
Intermediate
Senior
React
Node.js
Next.js
+1

