The Fundamentals — JS

Syntax - Tasty Web Development Treats

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