Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hacking the Tonal - Proxying, Intercepting + Debugging Traffic?

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about how you can intercept and debug traffic going out from your computer or other internet connected devices in your home, or your garage!</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:25">00:25</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:55">01:55</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:17">02:17</a></strong> Scott’s story of wanting to intercept data</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.tonal.com/">Tonal</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=06:36">06:36</a></strong> Other examples</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=08:38">08:38</a></strong> Different types of traffic</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=14:52">14:52</a></strong> TCP vs UDP</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=16:07">16:07</a></strong> Why would you want to run a proxy?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=24:20">24:20</a></strong> Applications to use</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://www.charlesproxy.com/">Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://proxyman.io/">Proxyman · Native, Modern Web Debugging Proxy · Inspect network traffic from Mac, iOS, Android devices with ease</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://httptoolkit.com/">Intercept, debug & mock HTTP with HTTP Toolkit</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://mitmproxy.org/">mitmproxy - an interactive HTTPS proxy</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://www.wireshark.org/">Wireshark · Go Deep</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://www.obdev.at/products/littlesnitch/index.html">Little Snitch</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://docs.telerik.com/fiddler-everywhere/capture-traffic/capturing-modes"> Capturing Modes - Fiddler Everywhere</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://twitter.com/Hacksore/status/1661369171534393348">Hacksore on Twitter</a></li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href= "https://programmingwithstyle.com/posts/howihackedmycar/">How I Hacked my Car :: Programming With Style</a></li> </ul> <h2 class="code-line" data-line-start="23" data-line-end="24"> <a id="Tweet_us_your_tasty_treats_23"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this Hasty Treat, Scott and Wes talk about how you can intercept and debug traffic going out from your computer or other internet connected devices in your home, or your garage!
 Show Notes  00:25 Welcome
 01:55 Syntax Brought to you by Sentry
 02:17 Scott’s story of wanting to intercept data
 Tonal

 06:36 Other examples
 08:38 Different types of traffic
 14:52 TCP vs UDP
 16:07 Why would you want to run a proxy?
 24:20 Applications to use
 Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy

 Proxyman · Native, Modern Web Debugging Proxy · Inspect network traffic from Mac, iOS, Android devices with ease

 Intercept, debug & mock HTTP with HTTP Toolkit

 mitmproxy - an interactive HTTPS proxy

 Wireshark · Go Deep

 Little Snitch

  Capturing Modes - Fiddler Everywhere

 Hacksore on Twitter

 How I Hacked my Car :: Programming With Style

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Hacking the Tonal - Proxying, Intercepting + Debugging Traffic?

Poslechněte si podcast