Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Stump’d × JavaScript × GraphQL × Memory Safety × Web History

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.

In this episode of Syntax, Wes and Scott try to stump each other with questions about JavaScript, HTTP status error codes, memory safety, and a bit of web history thrown in. <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:11:07">00:11:07</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="https://www.youtube.com/c/DisplacedGamers/">Displaced Gamers</a></li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=00:46:00">00:46:00</a> In which year was JavaScript introduced?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=02:59:16">02:59:16</a> What status code is returned by server when a resource isn’t found?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=03:32:00">03:32:00</a> Which http status code indicates the client must authenticate itself?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=04:34:17">04:34:17</a> What is a pseudo class and give an example?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=05:15:11">05:15:11</a> What JavaScript function allows you to delay the execution of a function?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=06:02:06">06:02:06</a> Who first proposed using separate style sheet language for the web?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=08:08:14">08:08:14</a> Which of the following statements about JavaScript strict are true?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=08:50:11">08:50:11</a> What is event driven programming in Node.js?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=10:26:08">10:26:08</a> In GraphQL, how do you mark a field as deprecated?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=10:47:24">10:47:24</a> How does xHTML differ from HTML?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=11:48:21">11:48:21</a> Which of the following statements is true about objects in JavaScript?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=13:20:19">13:20:19</a> What is a type erase in TypeScript?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=14:21:23">14:21:23</a> In TypeScript which syntax can be used to define a user defined type guard?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=16:02:12">16:02:12</a> What is a closure in JavaScript?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=17:40:00">17:40:00</a> Which node.js module provides asynchronus file I/O?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=18:54:08">18:54:08</a> What does memory safety mean?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=21:57:11">21:57:11</a> What does http2 introduce to improve speed?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=23:58:05">23:58:05</a> What are strategies for optimizing HTML5 video?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=26:28:11">26:28:11</a> Which of the following is not a correct way to create a new object?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=28:13:20">28:13:20</a> What is the difference between function declaration and function expression?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=30:49:11">30:49:11</a> What is the value of this inside an arrow function defined in a non-arrow function?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=31:22:11">31:22:11</a> What is a type guard?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=33:03:11">33:03:11</a> What is the order of execution in JavaScript?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=35:11:01">35:11:01</a> Which version of ecmascript was scrapped?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=39:41:00">39:41:00</a> What is the result of the following comparison in JavaScript?</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=41:37:21">41:37:21</a> What were the major criticisms of CSS in it’s early days?</li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href="#t=46:48:10">46:48:10</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="34" data-line-end="35"> <a id="_SIIIIICK__PIIIICKS__34"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> Scott: <a href= "https://www.amazon.com/dp/B09R4HYV1X?psc=1&linkCode=sl1&tag=leveluptuts01-20&linkId=de49f8b0a8132a0d5c0fe05154f4c4ee&language=en_US"> Projector</a></li> <li class="has-line-data" data-line-start="37" data-line-end="39"> Wes: <a href= "https://www.amazon.ca/dp/B09R9RMV79?psc=1&linkCode=sl1&tag=isi777-20&linkId=e3fd20e6db40f0279efa3e3696cc3f28&language=en_CA&ref_=as_li_ss_tl"> USB plug</a></li> </ul> <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="Shameless_Plugs_39"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="42" data-line-end="44"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="44" data-line-end="45"> <a id="Tweet_us_your_tasty_treats_44"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott try to stump each other with questions about JavaScript, HTTP status error codes, memory safety, and a bit of web history thrown in.
 Show Notes  00:11:07 Welcome
 Displaced Gamers

 00:46:00 In which year was JavaScript introduced?
 02:59:16 What status code is returned by server when a resource isn’t found?
 03:32:00 Which http status code indicates the client must authenticate itself?
 04:34:17 What is a pseudo class and give an example?
 05:15:11 What JavaScript function allows you to delay the execution of a function?
 06:02:06 Who first proposed using separate style sheet language for the web?
 08:08:14 Which of the following statements about JavaScript strict are true?
 08:50:11 What is event driven programming in Node.js?
 10:26:08 In GraphQL, how do you mark a field as deprecated?
 10:47:24 How does xHTML differ from HTML?
 11:48:21 Which of the following statements is true about objects in JavaScript?
 13:20:19 What is a type erase in TypeScript?
 14:21:23 In TypeScript which syntax can be used to define a user defined type guard?
 16:02:12 What is a closure in JavaScript?
 17:40:00 Which node.js module provides asynchronus file I/O?
 18:54:08 What does memory safety mean?
 21:57:11 What does http2 introduce to improve speed?
 23:58:05 What are strategies for optimizing HTML5 video?
 26:28:11 Which of the following is not a correct way to create a new object?
 28:13:20 What is the difference between function declaration and function expression?
 30:49:11 What is the value of this inside an arrow function defined in a non-arrow function?
 31:22:11 What is a type guard?
 33:03:11 What is the order of execution in JavaScript?
 35:11:01 Which version of ecmascript was scrapped?
 39:41:00 What is the result of the following comparison in JavaScript?
 41:37:21 What were the major criticisms of CSS in it’s early days?
 46:48:10 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Projector

 Wes: USB plug

  Shameless Plugs  Scott: Sentry

 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
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

Stump’d × JavaScript × GraphQL × Memory Safety × Web History

Poslechněte si podcast