Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Spooky Web Dev Stories Part 2

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 tell more of your scary web dev stories including lorem ipsum mistakes, naming something Skynet, blackouts, Twitch streaming, and more!</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= "Auth0__Sponsor_6" name="Auth0__Sponsor_6"></a>Auth0 - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. <a href="https://a0.to/syntax">https://a0.to/syntax</a></p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="LogRocket__Sponsor_10" name= "LogRocket__Sponsor_10"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> 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="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:12">00:12</a></strong> Weeeeeelcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=02:11">02:11</a></strong> Slipsum mistake</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="http://slipsum.com/">Slipsum</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=03:40">03:40</a></strong> Brotli scaling explosion</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://www.youtube.com/watch?v=JvJ0v5OohNg&t=766s">When JavaScript Bytes</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=05:14">05:14</a></strong> Email loop</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://davidtruxall.com/breaking-production/">Breaking Production with 56,000 emails</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=05:36">05:36</a></strong> DevOops Magento store</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="http://example.com">Example.com</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=08:26">08:26</a></strong> Scary animal stories</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=11:09">11:09</a></strong> Naming something Skynet</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=11:58">11:58</a></strong> 2003 Blackout</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=13:16">13:16</a></strong> ExtJS error binding</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <strong><a href="#t=17:09">17:09</a></strong> Sponsor: Linode</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=17:55">17:55</a></strong> Lead gen forms and captcha</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://github.com/sirupsen/logrus/pull/384">Issue Renaming upper-case ‘Sirupsen’ to ‘sirupsen’</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://github.com/sirupsen/logrus/issues/451">Follow up</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=19:51">19:51</a></strong> Scarlet Letter</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=21:51">21:51</a></strong> MongoDB achievement story</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://twitter.com/costerad">Adam Coster</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=26:14">26:14</a></strong> Sponsor: Auth0</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <strong><a href="#t=28:11">28:11</a></strong> Drupal and mysql database fun</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <strong><a href="#t=30:10">30:10</a></strong> Nervous Twitch</li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <strong><a href="#t=34:03">34:03</a></strong> FTP access story</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <strong><a href="#t=37:24">37:24</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <strong><a href="#t=38:53">38:53</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="_SIIIIICK__PIIIICKS__43" name= "_SIIIIICK__PIIIICKS__43"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="45" data-line-end="46"> Scott: <a href="https://amzn.to/3CTYyc8">Ear foam tips</a></li> <li class="has-line-data" data-line-start="46" data-line-end="48"> Wes: <a href="https://amzn.to/3CVndNG">Stepped drill bit</a> / <a href= "https://www.aliexpress.com/item/1005002784042553.html?spm=a2g0o.productlist.main.17.14cb5924qXSj0Z&algo_pvid=c4935816-ccfa-456f-9b92-27d3baea64c4&algo_exp_id=c4935816-ccfa-456f-9b92-27d3baea64c4-8&pdp_ext_f=%7B%22sku_id%22%3A%2212000022168731182%22%7D&pdp_npi=2%40dis%21CAD%219.81%216.87%21%21%21%21%21%402102111816656825317085834d0747%2112000022168731182%21sea&curPageLogUid=u2YOvotleaFP"> Aliexpress link</a></li> </ul> <h2 class="code-line" data-line-start="48" data-line-end="49"> <a id="Shameless_Plugs_48" name="Shameless_Plugs_48"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> Scott: <a href="https://leveluptutorials.com/tutorials/">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="51" data-line-end="53"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="53" data-line-end="54"> <a id="Tweet_us_your_tasty_treats_53" name= "Tweet_us_your_tasty_treats_53"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> 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 tell more of your scary web dev stories including lorem ipsum mistakes, naming something Skynet, blackouts, Twitch streaming, and more!
 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.
 Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/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.
 Show Notes  00:12 Weeeeeelcome
 02:11 Slipsum mistake
 Slipsum

 03:40 Brotli scaling explosion
 When JavaScript Bytes

 05:14 Email loop
 Breaking Production with 56,000 emails

 05:36 DevOops Magento store
 Example.com

 08:26 Scary animal stories
 11:09 Naming something Skynet
 11:58 2003 Blackout
 13:16 ExtJS error binding
 17:09 Sponsor: Linode
 17:55 Lead gen forms and captcha
 Issue Renaming upper-case ‘Sirupsen’ to ‘sirupsen’

 Follow up

 19:51 Scarlet Letter
 21:51 MongoDB achievement story
 Adam Coster

 26:14 Sponsor: Auth0
 28:11 Drupal and mysql database fun
 30:10 Nervous Twitch
 34:03 FTP access story
 37:24 Sponsor: LogRocket
 38:53 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Ear foam tips

 Wes: Stepped drill bit / Aliexpress link

  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

Spooky Web Dev Stories Part 2

Poslechněte si podcast