Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Working From Home During the Pandemic (With or Without Kids)

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="7" data-line-end="8">In this episode of Syntax, Scott and Wes talk about working from home. How do we do our best in these unprecedented times? Here are our tips for working from home and staying productive and sane!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "TECH_Domains__Sponsor_9" name="TECH_Domains__Sponsor_9"></a>.TECH Domains - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11">If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at <a href= "https://go.tech/syntax2020">go.tech/syntax2020</a>. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Prismic__Sponsor_12" name="Prismic__Sponsor_12"></a>Prismic - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 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>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="17" data-line-end="18"> 2:39 - Your space</p> <ul> <li class="has-line-data" data-line-start="19" data-line-end="21"> You need a table <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> Card table or dining room table</li> </ul> </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> Keyboard + monitor</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Don’t work from your bed or couch</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> Headphones can get you in the zone (noise-canceling ftw)</li> </ul> <p class="has-line-data" data-line-start="25" data-line-end="26"> 16:36 - Routine</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Shower, shave, makeup</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> Clear start and stop times - even if that means it’s 5am to 11am because you are splitting</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> Taking breaks is important</li> </ul> <p class="has-line-data" data-line-start="31" data-line-end="32"> 25:24 - Focus</p> <ul> <li class="has-line-data" data-line-start="33" data-line-end="34"> TODO list - write a list of what you hope to do at the start of the day, check things off, feel good about yourself</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> Eat That Frog - for the 100th time</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> Don’t watch or check the news during work hours</li> <li class="has-line-data" data-line-start="36" data-line-end="39"> Block the terms related to the pandemic or politics on social media - you don’t need that info there <ul> <li class="has-line-data" data-line-start="37" data-line-end="39"> DOOM Scrolling</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="39" data-line-end="40"> 30:11 - Self care</p> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Video games or relaxing things post work</li> <li class="has-line-data" data-line-start="42" data-line-end="45"> Exercise <ul> <li class="has-line-data" data-line-start="43" data-line-end="45"> Kettlebells, spin bike, bodyweight workouts <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> Stronger by Science has a great episode about this - <a href= "https://www.strongerbyscience.com/podcast-episode-38/">https://www.strongerbyscience.com/podcast-episode-38/</a></li> </ul> </li> </ul> </li> <li class="has-line-data" data-line-start="45" data-line-end="46"> Zoom Happy Hours</li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Don’t overly rely on substances to get you through</li> <li class="has-line-data" data-line-start="47" data-line-end="48"> Get your VD (vitamin D)</li> <li class="has-line-data" data-line-start="48" data-line-end="50"> Don’t stress out yourself at night - don’t look up news before bed</li> </ul> <p class="has-line-data" data-line-start="50" data-line-end="51"> 43:20 - Managing kids and sharing time with your partner</p> <ul> <li class="has-line-data" data-line-start="52" data-line-end="53"> First of all, props to you all - this is really hard, mentally and physically</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> This will vary greatly depending on your SO’s job, number and age of kids</li> <li class="has-line-data" data-line-start="54" data-line-end="55"> Our SOs have work and jobs of their own</li> <li class="has-line-data" data-line-start="55" data-line-end="56"> Watching young kids is hard work</li> <li class="has-line-data" data-line-start="56" data-line-end="57"> Give each other 30 min brakes</li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Kids need routine - put something in place</li> <li class="has-line-data" data-line-start="58" data-line-end="59"> Some times Uncle Mickey needs to take over, and that’s ok</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Communication is key</li> <li class="has-line-data" data-line-start="60" data-line-end="65"> Schedule Examples: <ul> <li class="has-line-data" data-line-start="61" data-line-end="62"> 6-12 and 12-6</li> <li class="has-line-data" data-line-start="62" data-line-end="63">4 hours each</li> <li class="has-line-data" data-line-start="63" data-line-end="64">2 hour trade off</li> <li class="has-line-data" data-line-start="64" data-line-end="65"> Focus time (calls, deep work) and half-focus time (emails, etc.)</li> </ul> </li> <li class="has-line-data" data-line-start="65" data-line-end="66"> Have empathy with everyone: co-workers, SO, kids</li> <li class="has-line-data" data-line-start="66" data-line-end="67"> Check in on your peeps</li> <li class="has-line-data" data-line-start="67" data-line-end="69"> Keep an eye on your co-workers, even the extroverted ones</li> </ul> <h2 class="code-line" data-line-start="69" data-line-end="70"> <a id="Links_69" name="Links_69"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href= "https://www.amazon.com/Neodymium-Double-sided-Adhesive-Permanent-Scientific/dp/B076Z81891"> Super Strong Neodymium Magnets</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href= "https://www.amazon.com/Elgato-Cam-Link-Broadcast-Camcorder/dp/B07K3FN5MR/"> Elgato Cam Link 4k</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://amzn.to/2UzdvZN">Keychron K1</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://www.amazon.com/gp/product/162656941X">Eat That Frog!</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://uses.tech/">uses.tech</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://animal-crossing.com/">Animal Crossing</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://www.netflix.com/title/80996601">Love Is Blind</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href= "https://www.amazon.com/POWERBLOCK-50-Set-Pair-10-50/dp/B07BDRZF9D/"> Powerblocks</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://www.onepeloton.com/">Peloton</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href= "https://www.imdb.com/title/tt0086373/?ref_=fn_al_tt_1">Strange Brew</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href= "https://twitter.com/wesbos/status/1242065134593474561">Wes’ Twitter thread - How are you managing child care?</a></li> <li class="has-line-data" data-line-start="80" data-line-end="82"> <a href= "https://twitter.com/syntaxfm/status/1237863437721452546">Syntax Twitter thread - Send us your work from home tips!</a></li> </ul> <h2 class="code-line" data-line-start="82" data-line-end="83"> <a id="_SIIIIICK__PIIIICKS__82" name= "_SIIIIICK__PIIIICKS__82"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="83" data-line-end="84"> Scott: <a href="https://amzn.to/39mq5RL">Oculus Quest</a></li> <li class="has-line-data" data-line-start="84" data-line-end="86"> Wes: <a href="https://www.slumberpod.com/">Slumberpod</a></li> </ul> <h2 class="code-line" data-line-start="86" data-line-end="87"> <a id="Shameless_Plugs_86" name="Shameless_Plugs_86"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="87" data-line-end="88"> Scott: <a href="https://www.leveluptutorials.com/pro">All Courses</a> - 50% off!</li> <li class="has-line-data" data-line-start="88" data-line-end="90"> Wes: <a href="https://wesbos.com/courses/">All Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="90" data-line-end="91"> <a id="Tweet_us_your_tasty_treats_90" name= "Tweet_us_your_tasty_treats_90"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="91" data-line-end="92"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="92" data-line-end="93"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="93" data-line-end="94"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="94" data-line-end="95"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="95" data-line-end="96"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="96" data-line-end="97"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="97" data-line-end="98"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk about working from home. How do we do our best in these unprecedented times? Here are our tips for working from home and staying productive and sane!
.TECH Domains - Sponsor If you need eyes on your project, you’ll need a domain, and.TECH is perfect for representing your brand. Find out if your.TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.
 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.
 Show Notes 2:39 - Your space
  You need a table  Card table or dining room table

 Keyboard + monitor
 Don’t work from your bed or couch
 Headphones can get you in the zone (noise-canceling ftw)
  16:36 - Routine
  Shower, shave, makeup
 Clear start and stop times - even if that means it’s 5am to 11am because you are splitting
 Taking breaks is important
  25:24 - Focus
  TODO list - write a list of what you hope to do at the start of the day, check things off, feel good about yourself
 Eat That Frog - for the 100th time
 Don’t watch or check the news during work hours
 Block the terms related to the pandemic or politics on social media - you don’t need that info there  DOOM Scrolling

  30:11 - Self care
  Video games or relaxing things post work
 Exercise  Kettlebells, spin bike, bodyweight workouts  Stronger by Science has a great episode about this - https://www.strongerbyscience.com/podcast-episode-38/

 Zoom Happy Hours
 Don’t overly rely on substances to get you through
 Get your VD (vitamin D)
 Don’t stress out yourself at night - don’t look up news before bed
  43:20 - Managing kids and sharing time with your partner
  First of all, props to you all - this is really hard, mentally and physically
 This will vary greatly depending on your SO’s job, number and age of kids
 Our SOs have work and jobs of their own
 Watching young kids is hard work
 Give each other 30 min brakes
 Kids need routine - put something in place
 Some times Uncle Mickey needs to take over, and that’s ok
 Communication is key
 Schedule Examples:  6-12 and 12-6
 4 hours each
 2 hour trade off
 Focus time (calls, deep work) and half-focus time (emails, etc.)

 Have empathy with everyone: co-workers, SO, kids
 Check in on your peeps
 Keep an eye on your co-workers, even the extroverted ones
  Links  Super Strong Neodymium Magnets

  Elgato Cam Link 4k

 Keychron K1

 Eat That Frog!

 uses.tech

 Animal Crossing

 Love Is Blind

  Powerblocks

 Peloton

 Strange Brew

 Wes’ Twitter thread - How are you managing child care?

 Syntax Twitter thread - Send us your work from home tips!

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Oculus Quest

 Wes: Slumberpod

  Shameless Plugs  Scott: All Courses - 50% off!
 Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
  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

Working From Home During the Pandemic (With or Without Kids)

Poslechněte si podcast