Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Wes’ New Soundproof Office

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 episode of Syntax, Wes talks through all the gear, renovations, and upgrades he’s made to his new home office. Lighting, soundproofing, desk, windows, and more! <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Prismic___Sponsor_2" name="Prismic___Sponsor_2"></a>Prismic - Sponsor</h2> Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at <a href= "https://prismic.io/syntax">prismic.io/syntax</a>. <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>LogRocket - Sponsor</h2> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>. <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Freshbooks__Sponsor_10" name= "Freshbooks__Sponsor_10"></a>Freshbooks - Sponsor</h2> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=00:38">00:38</a> Welcome </li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=02:24">02:24</a> Scouting a house with an office </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=03:54">03:54</a> Why didn’t you hire someone? </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=08:50">08:50</a> Goals for the office </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=10:30">10:30</a> Soundproofing </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=19:49">19:49</a> Decouple the ceiling </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=25:52">25:52</a> Sponsor: LogRocket </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=26:54">26:54</a> The door </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=33:23">33:23</a> Sponsor: Prismic </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=33:59">33:59</a> The desk </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=40:40">40:40</a> Cable management </li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=47:12">47:12</a> Lighting </li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=49:03">49:03</a> The room and windows </li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=51:22">51:22</a> Flooring </li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=55:12">55:12</a> Sponsor: Freshbooks </li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=55:47">55:47</a> Things yet to be done </li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=01:03:49">01:03:49</a> Costs </li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="#t=01:06:10">01:06:10</a> SIIIIICK ××× PIIIICKS ××× </li> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href="https://desk.haus/products/apex-pro-max">Desk Haus Apex Pro Max</a> </li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <a href="https://www.alientape.ca">Alien Tape</a> </li> </ul> <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="_SIIIIICK__PIIIICKS__39" name= "_SIIIIICK__PIIIICKS__39"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Scott: <a href="https://pretendradio.org">Pretend Podcast</a></li> <li class="has-line-data" data-line-start="42" data-line-end="44"> Wes: <a href="https://amzn.to/3SeAgP9">Nano Tape</a></li> </ul> <h2 class="code-line" data-line-start="44" data-line-end="45"> <a id="Shameless_Plugs_44" name="Shameless_Plugs_44"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> Scott: <a href="https://leveluptutorials.com/">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="47" data-line-end="49"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="49" data-line-end="50"> <a id="Tweet_us_your_tasty_treats_49" name= "Tweet_us_your_tasty_treats_49"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes talks through all the gear, renovations, and upgrades he’s made to his new home office. Lighting, soundproofing, desk, windows, and more!
 Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax
 Show Notes  00:38 Welcome

  02:24 Scouting a house with an office

  03:54 Why didn’t you hire someone?

  08:50 Goals for the office

  10:30 Soundproofing

  19:49 Decouple the ceiling

  25:52 Sponsor: LogRocket

  26:54 The door

  33:23 Sponsor: Prismic

  33:59 The desk

  40:40 Cable management

  47:12 Lighting

  49:03 The room and windows

  51:22 Flooring

  55:12 Sponsor: Freshbooks

  55:47 Things yet to be done

  01:03:49 Costs

  01:06:10 SIIIIICK ××× PIIIICKS ×××

  Desk Haus Apex Pro Max

  Alien Tape

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Pretend Podcast

 Wes: Nano Tape

  Shameless Plugs  Scott: LevelUp Tutorials

 Wes: Wes Bos Tutorials

  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

Aplikace Youradio Talk

Wes’ New Soundproof Office

Poslechněte si podcast