JavaScript Visualized - Execution Contexts

Learn how JavaScript handles code execution through execution contexts and environment records, including features like hoisting, the scope chain, and closures!

Timestamps:
0:00 Intro
0:15 Execution Context Overview
1:26 Realm
1:51 Intrinsics
2:03 Global Object
2:50 Global Execution Context
4:34 Script Walk-through
9:00 Hoisting
10:14 Scope Chain
10:31 Closures
11:18 Outro

[theavocoder]

💡 Execution Contexts and Environment Records may not be the most exciting, but I wanted to have an overview video out there so I can reference back to it when I talk more about hoisting, scope chain, generators... so many more exciting topics! I just realized I'm using some reusable code patterns for my videos now lol. Anyway, hope it's useful!

[PostMeridianLyf]

Why are your videos so perfect. No crazy intro video blowing out my ear drums, no paid course in the middle, soft toned voice, consice explanations.

I'm really not sure if I'm watching an Ai or a really good content creator. Please upload more!

[james__..]

You're my most awaited youtuber right now, please do upload more often 🥹

[Dmittry]

I've never seen any person who could speak about JS for so long with smile.

[Khalid-srzo]

I just finished a frontend developer bootcamp, these are the points where the instructors used to say take it as it is and you can research it on your own. I am looking forward for more "what happens behind the scenes" content. Awesome work, thank you!

[boredbytrash]

You are the living example that THERE IS a difference between software engineer and developer.

Your deep understanding of the tech, the way you can explain and visualize it, it’s astonishing. You‘re a true engineer.

Kudos. And many thanks for the video.

[chrislanejones]

This is one of the best explanations of how JavaScript works in the web browser.

[iboy]

This is hands down the best explanation on the Internet ❤

[danielwilkowski]

jesus, I love the details, the technical info, the javascript quirks, the insight, the proper programatic names, all of it.

[StarsManny]

PLEASE MAKE SEVERAL HUNDRED MORE VIDEOS LIKE THIS. THIS IS AMAZING.

[AppySpaces]

The best way to understand how javascript works. Also covering hoisting, the scope chain, closures

[darana]

Those animations! As someone getting started with motion design I have to commend the effort that goes into these videos.

[sarojsubedi]

These videos are the one made with passion. Explained so well. Nicely visualized. Fan of you already ❤

[RedDiamondForLive]

Great video! Always great to see these deep dives as nobody would really ever need to go that low level for their day to day job, but it is good to know, you only missed the sum call in your console.log at 10:08!

[aphrodite]

Now you've suddenly become my favorite tech YouTube channel.
Thank you very much for this amazing video

[mirjalol_shamsiddinov]

Lydia, you and Josh W Comeau are the best educators in the world really, i have seen lots of lots of courses even most premium ones, you guys are top notch

[johnathanrhoades]

This is the best lower level explanation of JavaScript I have seen. Thank you for the enlightenment as to how these things work!

[DominicVictoria]

Keep up the good work Lydia! It's crazy how these types of tutorial at this quality were only available as paid lessons. I wish you the best!

[aliben]

I'm so surprised that such content exists. WHAT THE HELL, this is too good to be free.
the amount of time that was invested in making this video. and the result are extremly clear and easy to understand. Thank you, PLEASE UPLOAD MORE.
remarks: no freaking remarks, the voice is TOO clear, the visuals are TOO smooth and the explaination is TOO good.

[evanlondono]

Thank you from someone that needs to understand something in and out before moving forward to the next thing .