Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Stump’d Gameshow! Answering Coding Interview Questions from AI

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 answer coding questions posed by ChatGPT like what’s the difference between rem and em in CSS, the difference between a callback function and a promse in Node, what are Fastify plugins, and more! <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:19">00:19</a> The premise for this Stump’d</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=05:46">05:46</a> Scott’s weekend story</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=09:36">09:36</a> What is the difference between a for loop and a while loop in JavaScript?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=11:11">11:11</a> What is the difference between the “em” and “rem” units in CSS, and when would you use each of them?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=13:15">13:15</a> What is the difference between a callback function and a promise in Node.js?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=14:57">14:57</a> In JavaScript, what is the difference between a function declaration, a function expression, and an arrow function, and how do they affect the concept of hoisting?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=18:39">18:39</a> How do you define a custom scalar type in GraphQL?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=21:30">21:30</a> With Deno, can you provide an example of an experimental API that requires the “–unstable” flag and explain its purpose?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=26:59">26:59</a> What’s the difference between a div and a span?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=28:01">28:01</a> What is aspect ratio?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=29:07">29:07</a> If it’s not supported by all browsers, how could you maintain aspect ratio?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=30:11">30:11</a> Can you explain the purpose of the beforeUpdate lifecycle function in Svelte, and provide a simple use case for it?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=32:33">32:33</a> What is the difference between unknown and any in TypeScript, and when should each be used?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=34:42">34:42</a> In TypeScript, what is a mapped type, and how can you use it to create a new type that makes all properties of an existing type optional?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=36:21">36:21</a> What are Fastify plugins, and how can they be used to extend the functionality of a Fastify application?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=37:57">37:57</a> In React, what is the purpose of the React.memo higher-order component, and how does it help improve the performance of a functional component?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=39:53">39:53</a> How would you create a custom HTML element that is styled with CSS and has dynamic behavior using JavaScript?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=41:57">41:57</a> What is the Intersection Observer API, and how can you use it to implement infinite scrolling in a web application?</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> <a href="#t=49:00">49:00</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="24" data-line-end="25"> <a id="_SIIIIICK__PIIIICKS__24"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> Scott: <a href="https://podbay.fm/p/the-rodge-tapes">The Rodge Tapes</a></li> <li class="has-line-data" data-line-start="27" data-line-end="29"> Wes: <a href="https://szrebow.en.alibaba.com/">Shenzhen Rebow Technology - Neon Sign</a></li> </ul> <h2 class="code-line" data-line-start="29" data-line-end="30"> <a id="Shameless_Plugs_29"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="31" data-line-end="32"> Scott: <a href="https://levelup.video">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="34" data-line-end="35"> <a id="Tweet_us_your_tasty_treats_34"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> 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 answer coding questions posed by ChatGPT like what’s the difference between rem and em in CSS, the difference between a callback function and a promse in Node, what are Fastify plugins, and more!
 Show Notes  00:19 The premise for this Stump’d
 05:46 Scott’s weekend story
 09:36 What is the difference between a for loop and a while loop in JavaScript?
 11:11 What is the difference between the “em” and “rem” units in CSS, and when would you use each of them?
 13:15 What is the difference between a callback function and a promise in Node.js?
 14:57 In JavaScript, what is the difference between a function declaration, a function expression, and an arrow function, and how do they affect the concept of hoisting?
 18:39 How do you define a custom scalar type in GraphQL?
 21:30 With Deno, can you provide an example of an experimental API that requires the “–unstable” flag and explain its purpose?
 26:59 What’s the difference between a div and a span?
 28:01 What is aspect ratio?
 29:07 If it’s not supported by all browsers, how could you maintain aspect ratio?
 30:11 Can you explain the purpose of the beforeUpdate lifecycle function in Svelte, and provide a simple use case for it?
 32:33 What is the difference between unknown and any in TypeScript, and when should each be used?
 34:42 In TypeScript, what is a mapped type, and how can you use it to create a new type that makes all properties of an existing type optional?
 36:21 What are Fastify plugins, and how can they be used to extend the functionality of a Fastify application?
 37:57 In React, what is the purpose of the React.memo higher-order component, and how does it help improve the performance of a functional component?
 39:53 How would you create a custom HTML element that is styled with CSS and has dynamic behavior using JavaScript?
 41:57 What is the Intersection Observer API, and how can you use it to implement infinite scrolling in a web application?
 49:00 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: The Rodge Tapes

 Wes: Shenzhen Rebow Technology - Neon Sign

  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

Stump’d Gameshow! Answering Coding Interview Questions from AI

Poslechněte si podcast