Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

784: Logging × Blogging × Testing × Freelancing

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.

In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="7"> <a href="#t=00:13">00:13</a> How to submit a question for future episodes. <ul> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://syntax.fm/potluck">Potluck Questions</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=02:46">02:46</a> Brought to you by <a href="https://sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=03:21">03:21</a> Logging from a site.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=08:39">08:39</a> Blogging in 2024.</li> <li class="has-line-data" data-line-start="10" data-line-end="15"> <a href="#t=11:49">11:49</a> Sharing website environmental data. <ul> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://www.thegreenwebfoundation.org/">Green Web Foundation</a>.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://www.websitecarbon.com/">Website Carbon Calculator</a>.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://www.websitecarbon.com/website/syntax-fm/">Syntax Site Results</a>.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://www.websitecarbon.com/website/tolin-ski/">Scott’s Site Results</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=17:38">17:38</a> Using LangChain when working with LLMs.</li> <li class="has-line-data" data-line-start="16" data-line-end="19"> <a href="#t=21:03">21:03</a> CSS Hyphens and Overflow-Wrap. <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens#browser_compatibility"> Hyphens Browser Compatibility</a>.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap">Overflow-Wrap</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=25:52">25:52</a> Similarities between WASM, JVM and .NET.</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=27:25">27:25</a> Writing unit testing and integration testing.</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=32:00">32:00</a> How can new parents stay current on web development trends?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=34:47">34:47</a> Working globally as a freelance developer.</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> <a href="#t=37:26">37:26</a> Scott’s audio setup. Why audio interfaces have DSP built in. <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.chasebliss.com/lossy">ChaseBliss Pedal</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=43:04">43:04</a> UI libraries for synth/audio plugins.</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <a href="#t=44:02">44:02</a> CSS module scripts. <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://daverupert.com/2021/08/css-modules-in-css-modules/">CSS Modules in CSS Module Scripts</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="30"> <a href="#t=48:39">48:39</a> Sick Picks + Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="30" data-line-end="31"> <a id="Sick_Picks_30"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Scott: <a href="https://www.pushkin.fm/podcasts/deep-cover">Deep Cover Podcast</a>.</li> <li class="has-line-data" data-line-start="33" data-line-end="35"> Wes: <a href="https://amzn.to/4dwUIpw">Pressure Washer Surface Cleaner</a>.</li> </ul> <h3 class="code-line" data-line-start="35" data-line-end="36"> <a id="Shameless_Plugs_35"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="37" data-line-end="39"> Wes: <a href="https://syntax.fm/videos">Syntax.fm/videos</a>.</li> </ul> <h3 class="code-line" data-line-start="39" data-line-end="40"> <a id="Hit_us_up_on_Socials_39"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

In this Potluck episode, Scott and Wes tackle listener questions on modern blogging, website environmental impact, and using LangChain with LLMs. They also cover CSS hyphens, unit vs. integration testing, and balancing web development with new parenthood.
 Show Notes  00:00 Welcome to Syntax!
 00:13 How to submit a question for future episodes. Potluck Questions.

 02:46 Brought to you by Sentry.io.
 03:21 Logging from a site.
 08:39 Blogging in 2024.
 11:49 Sharing website environmental data. Green Web Foundation.
 Website Carbon Calculator.
 Syntax Site Results.
 Scott’s Site Results.

 17:38 Using LangChain when working with LLMs.
 21:03 CSS Hyphens and Overflow-Wrap.  Hyphens Browser Compatibility.
 Overflow-Wrap.

 25:52 Similarities between WASM, JVM and.NET.
 27:25 Writing unit testing and integration testing.
 32:00 How can new parents stay current on web development trends?
 34:47 Working globally as a freelance developer.
 37:26 Scott’s audio setup. Why audio interfaces have DSP built in. ChaseBliss Pedal.

 43:04 UI libraries for synth/audio plugins.
 44:02 CSS module scripts. CSS Modules in CSS Module Scripts.

 48:39 Sick Picks + Shameless Plugs.
  Sick Picks  Scott: Deep Cover Podcast.
 Wes: Pressure Washer Surface Cleaner.
  Shameless Plugs  Wes: Syntax.fm/videos.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

784: Logging × Blogging × Testing × Freelancing

Poslechněte si podcast