Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Code Styles: Readable Rules and Petty Preferences

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 about their preferred coding styles and preferences they use, and why.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Linode___Sponsor_2" name="Linode___Sponsor_2"></a>Linode - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at <a href= "https://linode.com/syntax">linode.com/syntax</a>. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit <a href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started.</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=00:11">00:11</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=02:35">02:35</a></strong> Function definition</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=06:43">06:43</a></strong> File path aliases</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=09:36">09:36</a></strong> Implicit vs Explicit Return</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=13:49">13:49</a></strong> Array.reduce() VS literally anything else</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=17:37">17:37</a></strong> Loop vs array method</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=22:55">22:55</a></strong> Sponsor: Linode</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=23:37">23:37</a></strong> Updating vs creating a new var</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=30:36">30:36</a></strong> Iterable to Array</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=34:46">34:46</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=36:16">36:16</a></strong> Destructuring vs Object.property</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=39:22">39:22</a></strong> Destructuring Arrays vs Reference by index</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=41:40">41:40</a></strong> Number(string) vs +string</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=43:35">43:35</a></strong> Incrementing</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=45:06">45:06</a></strong> Multiple ifs</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=47:48">47:48</a></strong> Multiple ifs vs switch vs Ternary</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=51:05">51:05</a></strong> Promises / Error Catching</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=53:50">53:50</a></strong> if(falsy) block VS return false;</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=55:51">55:51</a></strong> Sponsor: Freshbooks</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=56:26">56:26</a></strong> Spaces vs tabs</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=58:39">58:39</a></strong> Trailing commas</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <strong><a href="#t=00:40">00:40</a></strong> Semicolons</li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <strong><a href="#t=02:49">02:49</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="_SIIIIICK__PIIIICKS__40" name= "_SIIIIICK__PIIIICKS__40"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> Scott: <a href="https://videoarchivespodcast.com">Video Archives Podcast</a></li> <li class="has-line-data" data-line-start="43" data-line-end="45"> Wes: <a href= "https://store.ui.com/products/access-point-wifi-6-in-wall">Ubiquiti Wifi</a></li> </ul> <h2 class="code-line" data-line-start="45" data-line-end="46"> <a id="Shameless_Plugs_45" name="Shameless_Plugs_45"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Scott: <a href="https://levelup.video">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="48" data-line-end="50"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="50" data-line-end="51"> <a id="Tweet_us_your_tasty_treats_50" name= "Tweet_us_your_tasty_treats_50"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> 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 about their preferred coding styles and preferences they use, and why.
 Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
 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:11 Welcome
 02:35 Function definition
 06:43 File path aliases
 09:36 Implicit vs Explicit Return
 13:49 Array.reduce() VS literally anything else
 17:37 Loop vs array method
 22:55 Sponsor: Linode
 23:37 Updating vs creating a new var
 30:36 Iterable to Array
 34:46 Sponsor: LogRocket
 36:16 Destructuring vs Object.property
 39:22 Destructuring Arrays vs Reference by index
 41:40 Number(string) vs +string
 43:35 Incrementing
 45:06 Multiple ifs
 47:48 Multiple ifs vs switch vs Ternary
 51:05 Promises / Error Catching
 53:50 if(falsy) block VS return false;
 55:51 Sponsor: Freshbooks
 56:26 Spaces vs tabs
 58:39 Trailing commas
 00:40 Semicolons
 02:49 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Video Archives Podcast

 Wes: Ubiquiti Wifi

  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

Code Styles: Readable Rules and Petty Preferences

Poslechněte si podcast