Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck × Testing Animations × Tools for Learning × Coding Related Injuries

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 potluck episode of Syntax, Wes and Scott answer your questions about what to do with client projects, testing animations, evaluating front-end frameworks, tools to use when learning, and coding related injuries.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry___Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Show_Notes_6"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=00:25">00:25</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=01:22">01:22</a></strong> Landscaping update</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=02:27">02:27</a></strong> What do you do when you are done a client project?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=10:09">10:09</a></strong> Should I keep animations in our tests so our tests match prod behavior?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=14:05">14:05</a></strong> How does ChatGPT fill the responses to the prompt?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=17:14">17:14</a></strong> What is the best way to evaluate and choose a front-end framework for a project?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=21:10">21:10</a></strong> Should functions only be used strictly for code that is going to be re-used?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=26:03">26:03</a></strong> What kind of tools and processes do you use when learning?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://obsidian.md/">Obsidian</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://roamresearch.com/">Roam Research – A note taking tool for networked thought.</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=30:19">30:19</a></strong> What are your opinions on using “display: grid” simply to be able use the gap property on the elements inside?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=33:57">33:57</a></strong> What do you guys think of being a 1-language dev?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=36:38">36:38</a></strong> What are some tips you have to push back on requirements from clients?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=41:11">41:11</a></strong> Have you guys ever had any coding related stress injuries, like back issues or carpal tunnel?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.moergo.com/">MoErgo Glove80 Wireless Split Ergonomic Keyboard</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://githubnext.com/projects/hey-github/">GitHub Next | Hey, GitHub!</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=48:41">48:41</a></strong> What do you think of using “Feature Flags” in the codebase to enable / disable features at runtime?</li> <li class="has-line-data" data-line-start="26" data-line-end="28"> <strong><a href="#t=51:19">51:19</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="28" data-line-end="29"> <a id="_SIIIIICK__PIIIICKS__28"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Scott: <a href= "https://www.youtube.com/@HistoryforGRANITE/">History for Granite</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> Wes: <a href= "https://www.youtube.com/channel/UC6mIxFTvXkWQVEHPsEdflzQ">GreatScott!</a>, <a href= "https://www.youtube.com/channel/UCtM5z2gkrGRuWd0JQMx76qA">bigclivedotcom</a></li> </ul> <h2 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> Scott: <a href="https://discord.gg/W5y68HMfZV">LevelUp Discord</a></li> <li class="has-line-data" data-line-start="36" data-line-end="38"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="38" data-line-end="39"> <a id="Tweet_us_your_tasty_treats_38"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this potluck episode of Syntax, Wes and Scott answer your questions about what to do with client projects, testing animations, evaluating front-end frameworks, tools to use when learning, and coding related injuries.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Show Notes  00:10 Welcome
 00:25 Sponsor: Sentry
 01:22 Landscaping update
 02:27 What do you do when you are done a client project?
 10:09 Should I keep animations in our tests so our tests match prod behavior?
 14:05 How does ChatGPT fill the responses to the prompt?
 17:14 What is the best way to evaluate and choose a front-end framework for a project?
 21:10 Should functions only be used strictly for code that is going to be re-used?
 26:03 What kind of tools and processes do you use when learning?
 Obsidian

 Roam Research – A note taking tool for networked thought.

 30:19 What are your opinions on using “display: grid” simply to be able use the gap property on the elements inside?
 33:57 What do you guys think of being a 1-language dev?
 36:38 What are some tips you have to push back on requirements from clients?
 41:11 Have you guys ever had any coding related stress injuries, like back issues or carpal tunnel?
 MoErgo Glove80 Wireless Split Ergonomic Keyboard

 GitHub Next | Hey, GitHub!

 48:41 What do you think of using “Feature Flags” in the codebase to enable / disable features at runtime?
 51:19 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: History for Granite

 Wes: GreatScott!, bigclivedotcom

  Shameless Plugs  Scott: LevelUp Discord

 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

Potluck × Testing Animations × Tools for Learning × Coding Related Injuries

Poslechněte si podcast