Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I did it. JavaScript vacuum is alive Wrote the code to control it in the browser via Web Serial API, or on the server with serialport

wesbos's profile picture

Wes Bos

434,103 subscribers

103,719 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Ben Holmes
Ben Holmesvor 1 Jahr

Ohh so THATS what they meant by “clean code”

Profilbild von glueckkanja
glueckkanjavor 4 Jahren

Are you searching for a simple way to deploy device certificates with #Intune? Check out SCEPman at

Profilbild von defyus
defyusvor 1 Jahr

damn, i'm going to build a irobot army. so sick.

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

we should fight them

Profilbild von monika 🐢
monika 🐢vor 1 Jahr

you can attach the blutooth module in vaccum then move using bluetooth from browser

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

thats what I'm looking at right now - I have an ESP32 which I think I can load some sort of serial bridge onto. Wifi would be even better

Profilbild von Sahazel
Sahazelvor 1 Jahr

bro will do ANYTHING but touch C😭 impressive tho

Profilbild von Jared Folkins 🇺🇸
Jared Folkins 🇺🇸vor 1 Jahr

JavaScript literally sucks

Profilbild von psk
pskvor 1 Jahr

This is very cool Bos. Looking forward for learn more about this.

Profilbild von Al Mac
Al Macvor 1 Jahr

This seems to be the most epic side project I’ve seen so far in 2025. Consider: If you add a flamethrower on it you can add “built killer robot” to your CV.

Profilbild von Chris Smith
Chris Smithvor 1 Jahr

Sweet. Has me thinking 🤔

Ähnliche Videos

The open ai realtime api is sick! I hooked it up to control my browser so I could browse the web with my voice 🤯
2:05

The open ai realtime api is sick! I hooked it up to control my browser so I could browse the web with my voice 🤯

Sawyer Hood

322,062 Aufrufe • vor 1 Jahr

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!
0:59

Did you know that Visual Studio Code has HAD a built-in browser! Say "start my app in simple browser" and it will run the dev server and open simple browser to localhost. It can take screenshots of the page or element and send DOM elements to the agent chat!

James Montemagno

47,489 Aufrufe • vor 7 Monaten

I love the concept of having AI interact with the web real-time That’s why I built You can search the web with English prompting or interact with the browser in-app Built with Vercel AI SDK, Next.js Route Handlers, and browserbase 🅱️ API Check it out! It’s open-source :)
0:22

I love the concept of having AI interact with the web real-time That’s why I built You can search the web with English prompting or interact with the browser in-app Built with Vercel AI SDK, Next.js Route Handlers, and browserbase 🅱️ API Check it out! It’s open-source :)

AP

33,224 Aufrufe • vor 1 Jahr

🤓 You can now read live Hacker News on via Gopher Gopher is the old internet protocol that was kind of a precursor to the web, it ran on port 70 instead of 80, and was pretty similar to the web, also live pages with hyperlinks but more limited You can open it via the computer or in any Gopher browser at gopher://hn.pieter.com:70 or via Gopher proxy like this: It runs on hn-gopher by Michael Lazar
1:06

🤓 You can now read live Hacker News on via Gopher Gopher is the old internet protocol that was kind of a precursor to the web, it ran on port 70 instead of 80, and was pretty similar to the web, also live pages with hyperlinks but more limited You can open it via the computer or in any Gopher browser at gopher://hn.pieter.com:70 or via Gopher proxy like this: It runs on hn-gopher by Michael Lazar

@levelsio

148,905 Aufrufe • vor 9 Monaten

Part 02 -- Universal CLI Agent Server Claude Code, Codex CLI, Qwen Code, Gemini CLI, or anything---Use ANY terminal AI agents right in the browser with 1 click, just like web surfing. Reply to help with beta.
3:32

Part 02 -- Universal CLI Agent Server Claude Code, Codex CLI, Qwen Code, Gemini CLI, or anything---Use ANY terminal AI agents right in the browser with 1 click, just like web surfing. Reply to help with beta.

cocktail peanut

12,197 Aufrufe • vor 7 Monaten

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!
0:24

Cursor now has a built-in web browser. You can say "start my app" and it will run the dev server in a terminal and then navigate the browser to localhost:3000. It can take screenshots of the page for iterating on design, and you can send DOM elements to the agent with prompts!

Lee Robinson

216,060 Aufrufe • vor 7 Monaten

Introducing Remotion Media Parser, a modern multimedia library for JavaScript! 👁️ A better way to retrieve metadata: More information, more formats, runs in the browser and on the server. 📼 Decoding video + audio: Process video frames and waveforms in the browser using the WebCodecs API. 👩‍🎤 Awesome developer experience: We understand the needs of JavaScript developers and give you all of the niceness. Visit to get started!
7:54

Introducing Remotion Media Parser, a modern multimedia library for JavaScript! 👁️ A better way to retrieve metadata: More information, more formats, runs in the browser and on the server. 📼 Decoding video + audio: Process video frames and waveforms in the browser using the WebCodecs API. 👩‍🎤 Awesome developer experience: We understand the needs of JavaScript developers and give you all of the niceness. Visit to get started!

Jonny Burger

27,824 Aufrufe • vor 1 Jahr

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself
6:51

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself

Wes Bos

222,639 Aufrufe • vor 1 Jahr

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 Aufrufe • vor 8 Monaten

New in Claude Code: /ultraplan Claude builds an implementation plan for you on the web. You can read it and edit it, then run the plan on the web or back in your terminal. Available now in preview for all users with CC on the web enabled.
0:20

New in Claude Code: /ultraplan Claude builds an implementation plan for you on the web. You can read it and edit it, then run the plan on the web or back in your terminal. Available now in preview for all users with CC on the web enabled.

Thariq

1,296,581 Aufrufe • vor 1 Monat

Is this the future of AI browser agents? 👀 WebGPU-accelerated reasoning LLMs are now supported in Transformers.js! 🤯 Here's MiniThinky-v2 (1B) running 100% locally in the browser at ~60 tps (no API calls)! I can't wait to see what you build with it! Demo + source code in 🧵👇
0:22

Is this the future of AI browser agents? 👀 WebGPU-accelerated reasoning LLMs are now supported in Transformers.js! 🤯 Here's MiniThinky-v2 (1B) running 100% locally in the browser at ~60 tps (no API calls)! I can't wait to see what you build with it! Demo + source code in 🧵👇

Xenova

81,346 Aufrufe • vor 1 Jahr

In the next version of T3 Code: Adding new projects becomes a breeze. Not relying on the native file browser make it work on web and remote environments!
0:31

In the next version of T3 Code: Adding new projects becomes a breeze. Not relying on the native file browser make it work on web and remote environments!

Julius

158,358 Aufrufe • vor 1 Monat

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.
3:51

JSX Tool (@jsxtool) is an in-browser IDE for building React UIs. Click on any element in the browser to jump straight to the relevant line of code and edit it yourself or provide precise context to an LLM to make updates.

Y Combinator

49,731 Aufrufe • vor 7 Monaten

Web Analytics in the browser with DuckDB WASM: Filtering in milliseconds, instead of waiting for API responses
0:35

Web Analytics in the browser with DuckDB WASM: Filtering in milliseconds, instead of waiting for API responses

Tobias Müller

56,910 Aufrufe • vor 1 Jahr

I just wrote a simple web service to restore the screenshot sharing functionality that Nintendo removed some years ago in Wii U. No console modification needed, the magic is done by the web browser!
0:50

I just wrote a simple web service to restore the screenshot sharing functionality that Nintendo removed some years ago in Wii U. No console modification needed, the magic is done by the web browser!

Marc Max

47,790 Aufrufe • vor 1 Jahr

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.
0:31

WebMCP is the future of the web. Agents can now interact with any website without ever seeing the UI. I built a starter template to show how: A DoorDash like app where the agent adds items to cart and checks out with the right address + promo code. The browser is now the API.

Pietro Schirano

167,631 Aufrufe • vor 3 Monaten

Try running plugin API code in the JavaScript console and see what happens
3:35

Try running plugin API code in the JavaScript console and see what happens

Figma

28,235 Aufrufe • vor 1 Jahr

This is a standard practice for almost all Tier-1 banking applications in Nigeria, and for some fintech applications I’ve previously performed pentests on. Client-side encryption isn’t a total waste, or a waste of compute, as some people have claimed, but rather a measure to protect against API tampering or API request/response manipulation between the client and the server when implemented properly. Even with HTTPS, attackers can capture a decrypted version of web or mobile API data in transit because the browser and the server establish a level of trust during the TLS handshake. Attackers can leverage this trust to capture & proxy already-decrypted traffic, tamper with it, and then forward it to the server. This allows them to override what the user interface or client is originally supposed to send and replace it with data of their choosing. That is why validation needs to be performed on both the client and the server side. To wrap up, encrypting API requests and responses makes it significantly harder for attackers to tamper with data, even if they capture the traffic, unless they have access to the encryption details (algorithm, encryption mode, key size, secret key, and initialization vector), assuming asymmetric encryption is used. In the demo below, you can see how I discovered additional parameters (balance, is_admin) in the API response, captured the registration API request, despite it being sent over HTTPS from the interface, added the discovered parameters, and successfully inflated my balance to 50 billion and also escalated my privileges to admin, and ultimately deleted the accounts of two live users/customers. In the second slide, I captured an API traffic of a bank app, and you can see how difficult the payloads are to read.
2:38

This is a standard practice for almost all Tier-1 banking applications in Nigeria, and for some fintech applications I’ve previously performed pentests on. Client-side encryption isn’t a total waste, or a waste of compute, as some people have claimed, but rather a measure to protect against API tampering or API request/response manipulation between the client and the server when implemented properly. Even with HTTPS, attackers can capture a decrypted version of web or mobile API data in transit because the browser and the server establish a level of trust during the TLS handshake. Attackers can leverage this trust to capture & proxy already-decrypted traffic, tamper with it, and then forward it to the server. This allows them to override what the user interface or client is originally supposed to send and replace it with data of their choosing. That is why validation needs to be performed on both the client and the server side. To wrap up, encrypting API requests and responses makes it significantly harder for attackers to tamper with data, even if they capture the traffic, unless they have access to the encryption details (algorithm, encryption mode, key size, secret key, and initialization vector), assuming asymmetric encryption is used. In the demo below, you can see how I discovered additional parameters (balance, is_admin) in the API response, captured the registration API request, despite it being sent over HTTPS from the interface, added the discovered parameters, and successfully inflated my balance to 50 billion and also escalated my privileges to admin, and ultimately deleted the accounts of two live users/customers. In the second slide, I captured an API traffic of a bank app, and you can see how difficult the payloads are to read.

Ghost St Badmus

216,817 Aufrufe • vor 5 Monaten

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js
0:50

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 Aufrufe • vor 1 Jahr