What key was pressed? (You won't believe how keyboard events work) | HTTP 203

Channel:
Chrome for Developers
Subscribers:
792,000
Published on ● Video Link: https://www.youtube.com/watch?v=jLqTXkFtEH0


Duration: 31:36
34,705 views
1,231

Jake challenges Ada (from Samsung Internet https://developer.samsung.com/internet) to a game of "what key was pressed" while diving into how keyboard events work, and the best way to handle user input.

The original tweet → https://goo.gle/36QUegg
Wordledge → https://goo.gle/3qIPtMJ
KeyboardEvent → https://goo.gle/3tLnk9X
Dvorak layout → https://goo.gle/3tHzctr
event.code bug → https://goo.gle/3IFKDGo
Keyboard events viewer → https://goo.gle/3JPp07Z
Jake's ancient keyboard talk → https://goo.gle/388PkMk
Input event → https://goo.gle/3qIueuC
Wordle Analyzer → https://goo.gle/36VoRkz
The wordle analyzer input implementation → https://goo.gle/36B1pcK

More videos in the HTTP 203 series → http://goo.gle/HTTP203
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs

Also, if you enjoyed this, you might like the HTTP203 podcast → https://goo.gle/HTTP203Podcast

#HTTP203 #ChromeDeveloper #WebDev



Other Videos By Chrome for Developers


2022-05-11Creating instant and seamless web apps with Chrome
2022-05-11What's new for the web platform
2022-05-11Build more accessible apps in Angular
2022-05-10Performance insights panel | DevTools Tips
2022-05-03Is .css a bad idea? Is inlining the way forward? | HTTP 203
2022-04-27Adaptive frosted glass #Shorts
2022-04-21Chrome 101 - What’s New in DevTools
2022-04-13Thinking on ways to solve DIALOG
2022-03-304 lines of CSS for a vertical responsive slideshow #Shorts
2022-03-29New in Chrome 100: User Agent string updates, Multi-screen window placement API, and more!
2022-03-29What key was pressed? (You won't believe how keyboard events work) | HTTP 203
2022-03-24Chrome 100 - What’s New in DevTools
2022-03-23Cache your fonts, images & pages - Unpacking the Workbox
2022-03-18FLEDGE demo walkthrough | What is the Privacy Sandbox?
2022-03-16Thinking on ways to solve a LOADING BAR
2022-03-15Building VR and AR experiences using HTML | HTTP 203
2022-03-10CSS Grid debugging tools | DevTools Tips
2022-03-08Chrome 99 - What’s New in DevTools
2022-03-01New in Chrome 99: CSS Cascade Layers, Show Picker, and more!
2022-02-10CSS Flexbox debugging tools | DevTools Tips
2022-02-09Thinking on ways to solve SVG FAVICON


Tags:
GDS: Yes
Http 203 series
http tutorial
what is http
http 203
http
http developer
developer
developers
chrome developer
chrome developers
google chrome
google chrome developers
google
chrome
Jake Archibald