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.
Hubert Burda Media
München, Germany
€80-95K
Intermediate
Senior
JavaScript
Node.js
+1
Matching moments
02:22 MIN
Developing a playful hardware kit for Web of Things
IoT: The road to sustainability
04:05 MIN
Using physical projects to make coding tangible
Inspiring Young People (and Their Parents) to Become Programmers - Cassandra Chin
02:44 MIN
Key takeaways on creative software and hardware projects
How to Automate your Murder Mystery
05:24 MIN
From tinkering with PCs to open source IoT
IoT: The road to sustainability
02:13 MIN
Introducing Adress for building remote hardware labs
Transforming Education: A Journey from interactive Markdown to Remote-Labs
04:28 MIN
A software developer's perspective on building AI prototypes
Bringing the power of AI to your application.
03:23 MIN
Key takeaways for building and debugging IoT projects
Building your way to a serverless powered IOT Buzzwire game
01:53 MIN
Encouraging creative coding and hardware experimentation
How to Automate your Murder Mystery
Featured Partners
Related Videos
Beats in the Browser: Coding Music with JavaScript
Rowdy Rabouw
The State Of The Web
Jeremy Keith
Design Principles For The Web
Jeremy Keith
Explore new web features before everyone else
Nikita Dubko
Catching up on the basics you don't really need that much code
Chris Heilmann
Web development: where are we, and where are we going?
Laurie Voss
The Naked Web Developer: Your Browser Is Your Framework
Avichay Eyal
Extending HTML with Web Components
Rowdy Rabouw
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

&why GmbH
Berlin, Germany
€50-70K
Junior
Intermediate
Senior
React
Next.js
TypeScript

Da Vinci Engineering GmbH
Ludwigsburg, Germany
Java
Figma
Python
Kotlin
Unreal Engine

Improbable Worlds Limited
Charing Cross, United Kingdom
Azure
React
Next.js
Blockchain
TypeScript
+1



Synthesia
Charing Cross, United Kingdom
Remote
£120K
Senior
React
Figma
Cypress



Vesterling Consulting GmbH
Nürnberg, Germany
Remote
€50-75K
API
CSS
GIT
+7