JavaScript is notorious for being one of the most popular, yet also one of the most despised programming languages to learn, so today we’re covering some of the intermediate and advanced JavaScript concepts! We’ll discuss convoluted topics like generators, prototypal inheritance, and the rendering engine.

Knowing intermediate JavaScript concepts like the call stack, context, scope, the prototype chain, higher order functions, async programming, and the event loop is invaluable and will help with learning frameworks. The fundamentals won't change even if the ecosystem does.

Show notes

03:24 - Functional Programming vs OOP
06:28 - Prototypal inheritance
20:34 - Higher order functions
25:54 - Callback functions
27:10 - Closures
27:46 - Scope + Context
31:12 - Iterators & Generators
34:26 - Rendering engine
37:54 - Call Stack
40:33 - Event loop
43:39 - Throttle and debounce
46:21 - Asynchronous programming
52:09 - Hoisting
54:44 - Primitive vs reference
56:59 - Debugging
58:48 - Shoutouts

Resources

• Functional Programming vs OOP


• Lydia Halle’s blog post on the prototype chain


• Practical Object Oriented Design in Ruby


• Ali's What is Functional Programming?


• What Tamagotchis Can Teach You About ES6 Generators - Jenn Creighton


• CodeNewbie: How do Browsers Work?


• What the heck is the event loop anyway? - Philip Roberts


• Throttling and debouncing


• Debugging Episode

Further episodes of Ladybug Podcast

Further podcasts by Emma Bostian, Kelly Vaughn, and Ali Spittel

Website of Emma Bostian, Kelly Vaughn, and Ali Spittel