Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Productivity Episode

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 episode of Syntax, Wes and Scott talk through what they do to get things done - apps for to do list tracking, calendar blocking, and how they determine a productive day.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "StoryBlok___Sponsor_2" name="StoryBlok___Sponsor_2"></a>StoryBlok - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> <a href= "https://www.storyblok.com/?utm_source=syntaxfm&utm_medium=sponsor&utm_campaign=AWA_SPON_SFM_TRA&utm_content=syntaxfm-podcast"> Storyblok</a> is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.</p> <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> <p class="has-line-data" data-line-start="8" data-line-end="9"> 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>.</p> <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> <p class="has-line-data" data-line-start="12" data-line-end="13"> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a></p> <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"> <strong><a href="#t=02:49">02:49</a></strong> What is a productive day?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=04:56">04:56</a></strong> What’s an unproductive day?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=07:43">07:43</a></strong> Techniques for work</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://gettingthingsdone.com">Getting Things Done</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://www.amazon.com/Eat-That-Frog-Great-Procrastinating/dp/162656941X/ref=sr_1_1?crid=2RQ9XLRVKN1VP&keywords=eat+that+frog&qid=1663371437&sprefix=eat+that+frog%2Caps%2C109&sr=8-1"> Eat That Frog</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://height.app">Height</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=14:57">14:57</a></strong> Weighting tasks</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=18:29">18:29</a></strong> Pomodoro technique</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=20:53">20:53</a></strong> Sponsor: StoryBlok</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=22:46">22:46</a></strong> The hard schedule</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=29:24">29:24</a></strong> Blocking out distractions</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="https://meaningful-things.com/focus">Focus</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://selfcontrolapp.com">Self Control</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=32:20">32:20</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=33:34">33:34</a></strong> Tips We Have</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=42:55">42:55</a></strong> Sponsor: Freshbooks</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=43:32">43:32</a></strong> Software to help get things done.</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://culturedcode.com/things/">Things</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://todoist.com">Todoist</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.omnigroup.com/omnifocus">Omnifocus</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://panic.com/transmit/">Transmit</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://savvycal.com">Savvycal</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://www.centered.app">Centered</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://remarkable.com">Remarkable</a></li> <li class="has-line-data" data-line-start="40" data-line-end="42"> <strong><a href="#t=56:21">56:21</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="42" data-line-end="43"> <a id="_SIIIIICK__PIIIICKS__42" name= "_SIIIIICK__PIIIICKS__42"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> Scott: <a href="https://amzn.to/3Bjfbxl">USB C Female to USB Male Adapter</a></li> <li class="has-line-data" data-line-start="45" data-line-end="47"> Wes: <a href= "https://www.homedepot.ca/product/dewalt-25-ft-tape-measure-2-pack-/1001071650"> Measuring tape</a></li> </ul> <h2 class="code-line" data-line-start="47" data-line-end="48"> <a id="Shameless_Plugs_47" name="Shameless_Plugs_47"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="50" data-line-end="52"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="52" data-line-end="53"> <a id="Tweet_us_your_tasty_treats_52" name= "Tweet_us_your_tasty_treats_52"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott talk through what they do to get things done - apps for to do list tracking, calendar blocking, and how they determine a productive day.
 StoryBlok - Sponsor  Storyblok is a headless component-based CMS with a real-time visual editor. It offers the flexibility for developers to craft their perfect tech stack, but it also empowers content creators to make changes independently. The result is that every team has the freedom to quickly and easily create the ideal website with limitless extensibility. Other key features include robust Storyblok SDKs and APIs, powerful internationalization options, and an eCommerce-ready platform.
 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  02:49 What is a productive day?
 04:56 What’s an unproductive day?
 07:43 Techniques for work
 Getting Things Done

  Eat That Frog

 Height

 14:57 Weighting tasks
 18:29 Pomodoro technique
 20:53 Sponsor: StoryBlok
 22:46 The hard schedule
 29:24 Blocking out distractions
 Focus

 Self Control

 32:20 Sponsor: LogRocket
 33:34 Tips We Have
 42:55 Sponsor: Freshbooks
 43:32 Software to help get things done.
 Things

 Todoist

 Omnifocus

 Transmit

 Savvycal

 Centered

 Remarkable

 56:21 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: USB C Female to USB Male Adapter

 Wes: Measuring 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

The Productivity Episode

Poslechněte si podcast