Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Ben Holmes profil fotoğrafı
Ben Holmes1 yıl önce

Ohh so THATS what they meant by “clean code”

glueckkanja profil fotoğrafı
glueckkanja4 yıl önce

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

defyus profil fotoğrafı
defyus1 yıl önce

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

Wes Bos profil fotoğrafı
Wes Bos1 yıl önce

we should fight them

monika 🐢 profil fotoğrafı
monika 🐢1 yıl önce

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

Wes Bos profil fotoğrafı
Wes Bos1 yıl önce

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

Sahazel profil fotoğrafı
Sahazel1 yıl önce

bro will do ANYTHING but touch C😭 impressive tho

Jared Folkins 🇺🇸 profil fotoğrafı
Jared Folkins 🇺🇸1 yıl önce

JavaScript literally sucks

psk profil fotoğrafı
psk1 yıl önce

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

Al Mac profil fotoğrafı
Al Mac1 yıl önce

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.

Chris Smith profil fotoğrafı
Chris Smith1 yıl önce

Sweet. Has me thinking 🤔

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

🤓 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 görüntüleme • 9 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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,703 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce