Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Fundamentals — JS

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>In this episode of Syntax, Scott and Wes talk about the fundamentals of JavaScript - the set of core skills you should know before branching off into other frameworks, libraries, etc.</p> <h2><a id="LogRocket__Sponsor_9" name= "LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p>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</a>.</p> <h2><a id="FreshBooks__Sponsor_13" name= "FreshBooks__Sponsor_13"></a>FreshBooks - Sponsor</h2> <p>Get a 30 day free trial of FreshBooks at <a href= "https://freshbooks.com/syntax">FreshBooks</a> and put SYNTAX in the “How did you hear about us?” section.</p> <h2><a id="Show_Notes_17" name="Show_Notes_17"></a>Show Notes</h2> <p>3:07 - Variables + Scoping</p> <ul> <li>var/let/const</li> <li>Block scope</li> <li>Function scope</li> <li>Scope lookup</li> </ul> <p>6:06 - Types</p> <ul> <li>Objects <ul> <li>Reference vs. copy</li> </ul> </li> </ul> <p>7:15 - Functions</p> <ul> <li>Types of functions <ul> <li>Anonymous vs. named</li> <li>Expressions</li> <li>Arrow functions</li> </ul> </li> <li>Methods</li> </ul> <p>9:33 - DOM</p> <ul> <li>Selecting</li> <li>Updating</li> <li>Creating</li> </ul> <p>15:07 - Prototypes + this</p> <ul> <li><code>this</code></li> <li>Objects</li> </ul> <p>20:16 - Events</p> <ul> <li>Listening, callbacks</li> <li>dispatchEvent</li> <li>Bubbling</li> </ul> <p>22:05 - Arrays</p> <ul> <li>Push, pop, manipulate</li> <li>Spread, rest</li> <li>Map, filter, reduce</li> <li>Arrays vs. objects</li> <li>Mutation vs. immutable</li> </ul> <p>26:25 - Flow control</p> <ul> <li>Looping</li> <li>If</li> <li>Promises + Async + Await</li> </ul> <p>29:47 - Security and accessibility</p> <ul> <li>XSS and innerHTML</li> </ul> <p>32:04 - Things you should know, but not necessarily master</p> <ul> <li>Modules</li> <li>Closures</li> <li>Ajax requests</li> </ul> <p>35:26 - Clean code</p> <ul> <li><a href= "https://github.com/ryanmcdermott/clean-code-javascript">Clean Code Javascript</a></li> </ul> <h2><a id="Links_84" name="Links_84"></a>Links</h2> <ul> <li><a href= "https://syntax.fm/show/043/20-javascript-array-and-object-methods-to-make-you-a-better-developer"> Syntax 043: 20 Javascript Array and Object Methods to make you a better developer</a></li> <li><a href= "https://syntax.fm/show/141/hasty-treat-async-await-error-handling-strategies"> Syntax 141: Hasty Treat - Async + Await Error Handling Strategies</a></li> <li><a href="https://syntax.fm/show/072/accessibility">Syntax 072: Accessibility</a></li> </ul> <h2><a id="_SIIIIICK__PIIIICKS__89" name= "_SIIIIICK__PIIIICKS__89"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li>Scott: <a href= "https://www.codenewbie.org/basecs">BaseCS</a></li> <li>Wes: <a href="https://amzn.to/2Ruf8Ga">Owlet Baby Monitor</a></li> </ul> <h2><a id="Shameless_Plugs_93" name= "Shameless_Plugs_93"></a>Shameless Plugs</h2> <ul> <li><a href="https://www.leveluptutorials.com/pro">Scott’s new E-Commerce and Gatsby Course</a></li> <li><a href="https://wesbos.com/courses/">Wes’ Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2><a id="Tweet_us_your_tasty_treats_97" name= "Tweet_us_your_tasty_treats_97"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk about the fundamentals of JavaScript - the set of core skills you should know before branching off into other frameworks, libraries, etc.
 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.
 FreshBooks - Sponsor Get a 30 day free trial of FreshBooks at FreshBooks and put SYNTAX in the “How did you hear about us?” section.
 Show Notes 3:07 - Variables + Scoping
 var/let/const
 Block scope
 Function scope
 Scope lookup
 6:06 - Types
 Objects Reference vs. copy

 7:15 - Functions
 Types of functions Anonymous vs. named
 Expressions
 Arrow functions

 Methods
 9:33 - DOM
 Selecting
 Updating
 Creating
 15:07 - Prototypes + this
 this
 Objects
 20:16 - Events
 Listening, callbacks
 dispatchEvent
 Bubbling
 22:05 - Arrays
 Push, pop, manipulate
 Spread, rest
 Map, filter, reduce
 Arrays vs. objects
 Mutation vs. immutable
 26:25 - Flow control
 Looping
 If
 Promises + Async + Await
 29:47 - Security and accessibility
 XSS and innerHTML
 32:04 - Things you should know, but not necessarily master
 Modules
 Closures
 Ajax requests
 35:26 - Clean code
 Clean Code Javascript
 Links  Syntax 043: 20 Javascript Array and Object Methods to make you a better developer
 Syntax 141: Hasty Treat - Async + Await Error Handling Strategies
 Syntax 072: Accessibility
 ××× SIIIIICK ××× PIIIICKS ××× Scott: BaseCS

 Wes: Owlet Baby Monitor

 Shameless Plugs Scott’s new E-Commerce and Gatsby Course

Wes’ Courses - Use the coupon code ‘Syntax’ for $10 off!
 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

The Fundamentals — JS

Poslechněte si podcast