JavaScript Visualized - Execution Contexts

[@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! 📝 ECMA spec: tc39.es/ecma262/#sec-executable-code-and-execution-contexts

[@abcq1]

Execution Contexts and Environment Records ARE the most exciting ... :)

[@gunasekarant6498]

Thank you so much 🎉

[@samzhang3200]

I love you

[@dev-akeel]

@@samzhang3200 🤔🤔

[@dev-akeel]

@@samzhang3200 Really?

[@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!

[@mirjalol_shamsiddinov]

because she pursuits perfection....

[@james__..]

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

[@theavocoder]

Thank you!

[@Harshi-jo6ol]

Same bro

[@rapha5586]

Same

[@galactic_dust42]

You forget to put "async" at the start of your sentence !

[@ivankudinov4153]

I agree, but! Upload when you think your content is ready for it, that'd be much better. I still need a couple of days to understand this video only 😂

[@StarsManny]

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

[@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!

[@aliben123]

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.

[@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!

[@aphrodite6647]

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

[@darana1142]

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

[@theavocoder]

Thank you! Keynote + Magic Move goes a long away haha

[@rashidxd]

@@theavocoder thanks for this! I'm amazed that Keynote could produce that smoothness.

[@dandyson6116]

Thanks so much for this - all too often these deep dive tutorials don't allow us to really see what's going on and this visualisation has helped tremendously!

[@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

[@evanlondono2213]

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

[@Dmittry]

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

[@josephaj8310]

You are the greatest javascript teacher I have ever seen, no one had taught me this much clearly. I just started watching your channel, I only understood the callback and promises clearly after watching your videos even though I completed college😅.

[@iboy883]

This is hands down the best explanation on the Internet ❤

[@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.

[@sarojsubedi8609]

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

[@gauravp432]

You're a boon to us (JS folks). Thank you so much for your detailed, well explained, visually/audibly pleasing videos! Please keep creating more such videos, thanks again!

[@davitgrigoryan3858]

You are the best, thank you for providing specification-specific and not 'Romantic' info.

[@marvinalone]

very nice diagrams and animations, awesome work, thanks

[@VinayChauhan-q5g6l]

The explanation shows that Lydia created JavaScript , Goddess level explanation :)

[@abdiraqiibmohummed9781]

I watched the doc on you long time ago , and I followed your path on becoming an engineer , now I’m 2 years in and loving it 😁

[@ganesh7457]

hands down best explanation of execution context, please do post frequently.

[@AppySpaces]

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

[@chiragverma8827]

Thanks for this wonderful explanation, this is the first time I have seen someone explaining these complex topics so easily. btw watched all you videos, waiting for the next one

[@Chief-wx1fj]

The visuals are so clean, good looking and easy to understand. 11/10 ty

[@ThePagity]

I just think about the effort you are in these things, the design, the animation just ♥️ it.

[@moshiez]

Love this really clear and helpful thanks would love to see more on how V8 handles garbage collection!

[@Khalid-sr4zo]

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!

[@dadzierichard1220]

Great and simplified explanation of the execution context and the environment record in Javascript. Thank you for the great Lydia

[@marlo3898]

As everyone already said, your illustrations are so good, I've recently had to debug a promise and I had your EventLoop illustration engraved in my mind which helped a lot thanks!

[@thedude9014]

almost 50k subs in 1 month with 3 videos , you are doing something right

[@murtza.rehman]

You have visualized it in the best way possible and even having written quite a lot of js, it became overwhelming for me. Therefore the takeaway from this is that It does what it does, despite the need to know, how it does it. It also leaves me wanting to use Keynote like you have. Thanks so much.

[@cinnakarimi1749]

Amazing video with a perfect explanation! Keep going on and I wish to see more videos from you. Just a quick feedback, I think it will be better to have another `console.log(age)` on top of the declaring `var age = 26` in 9:53 (as well as the previous `const`/`let` example) to explain the dead zone statement about `var`s too. And, as the other guys mentioned, the `sum` function call is missing in `console.log(1, 2)` at 10:09 (the correct code is `console.log(sum(1, 2))`) Anyway, you perfectly considered the details and explained very detailed things, So it's valuable. Thank you!

[@kumardivyasingh9614]

Best ever explanation I have came across. Thank You❤. Hope you keep it simple as it is now.

[@tsdineshjai8565]

Explanation is Lit !! I couldnt never understand before the concept of closures.

[@iscariotpriest1342]

Best explanation of FEC and ER on the net

[@eliav3]

Damn! What a great explanation! I thought I was senior fullstack developer until I saw this video and understood how much I did not knew

[@jeevakannan_u]

Thanks

[@TheUnknownFactor]

I kind of want you to explain all the super low level things- these are so good!

[@mr.aashish9183]

Why make this video when everyone will be captivated by your stunning presence? That said, the animation and explanations are just as brilliant and engaging!

[@johnathanrhoades7751]

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

[@dixztube]

Finally some decent js content that goes a little deeper. Excellent video

[@Marhaenism1930]

glad to see a new one was uploaded.. as usual lovely presentation

[@danielwilkowski5899]

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

[@saadyasser9181]

big thank you for you explanation videos I now believe it's the proper way to explain programming abstract concepts without abstraction at least for beginners keep going

[@HarpreetSingh-ll1hq]

@10:11, line 1 should be console.log(sum(1, 2)). I am subscribing to your channel. These explanations are great.

[@thiagoneres8178]

This absolutely top-notch of content. Great explanations plus the ideal visual diagrams. Incredible!❤ The only drawbacks for people to understand these concepts is to get focused. We're might face several problems to pay attention and not getting distracted by your holy attractiveness and harmless personality instead.😅😂 Jokes aside, with this type of content and these deep concepts of JavaScript that rarely amount of people covers, this channel will GROW significantly! Keep it up🎉😊

[@mariyandamyanov]

I’m loving the content and the visualisations. The teaching method is very helpful. Can’t wait to see more in the future ❤❤

[@toomanyarguments]

Lydia, you're a really good tutor. Appreciate for all your amazing works!

[@coofzilla]

this content is seriously next level. wow. amazing, please upload more very educational.

[@ZergD]

She IS BACK ! No way!!! hahaha Thank you so much!!

[@hartye]

Love your videos! You explain so well and the visuals helps a lot! ❤

[@SyedzainAlishah-co9nq]

Your explanation is very good and deep dive also I have never found someone who explains like this.

[@chrislanejones]

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

[@walid4839]

The best way of explanation on youtube

[@abdelrahmankhallaf7982]

Lydia, I truly adore you and the topics you discuss. I've learned so much from you. Thank you immensely ♥♥♥

[@muhannedalogaidi7877]

What a huge efforts you have done!. Thank you

[@buenobars3378]

I have learned so much from your channel. You're doing god's work. Look forward to more!

[@jcaviedesc]

creo que soy una persona que aprende mucho mejor cuando ve los conceptos o una representacion grafica y valoro mucho tu contendio gran trabajo. Estare esperando los proximos videos de hosting, scope... gracias I am a person who learns a lot when I see the graphical representation of the concepts. great job!!!!! I look forward to the next videos on hosting, scope.... Thanks

[@johnodwyer5938]

Great video. Really good explanation and those animations really make everything easy to understand. 👍

[@isakdahlstrom]

Passive learning by having your videos on my second monitor 😁

[@vasilecuzmin5153]

A video featuring this keyword would be highly beneficial 🙏

[@mayankrupareliya777]

You have an awesome teaching and presentation skill. Love your content.

[@binh1298ify]

Thanks, I sent this video to all my colleagues

[@gaiusSatyr]

You have been addressing all the topics that I was in doubt about! Bless you.

[@petar567]

This channel is amazing. Thanks for your detailed explanation. 🙌

[@DebopriyoBasu]

Your github repo is very useful for JS output based questions. Keep posting such videos on JS!

[@omarouzzin4993]

No one can keep up with this work, keep going ❤

[@AR7editing]

Nice content Lydia, you're killing it!!

[@trongvinhnguyen6366]

Hard to understand at first but very clearly after that. These kind of concepts are too hard to understand in texts. Thank you for provide visualization for hard concepts.

[@aamiramin6112]

Awesome. Proper details animation, hard work thanks alot for sharing such a valuable content

[@mirjalol49]

One of the waited video. U are back

[@Henrique01010]

I will need to watch a couple more times to fully understand this one lol. But great video as always, love the visual animations

[@lucasviga12]

amazing content, congratulations. It helps me a lot to understand JS.

[@_acky]

This visualization is amazing ! Great video and explanation 😊

[@tusharkumar_2302]

Lydia thank you so much for sharing this knowledge with us. I am Impressed with your knowledge 👏. Please make more videos.

[@smarttraining7096]

Your videos help so much! Thank you!

[@aleksandarbrcic2521]

And you deduced all of this from the ECMAScript specs?

[@manuelquiroga8022]

Amazing, you're a very gifted explainer

[@anonymousdesu5335]

bruh wtf, why is this so good ?❤

[@anonymousdesu5335]

the explanation is also so good ❤

[@Peepotan]

I dream of a world where JetBrains hire you to develop a debugger that feels like your videos. (I feel like it would have to be a paid feature to happen, no one would pull such a feat for free... unless @Linus?) Awesome video as always, visualization like this brings an understanding that is hard to fully grasp with books and daily use. Keep up the great work, I recommend you to every JS dev I know!

[@DJerdos1]

Thank you, very nice explanation. There is a small mistake at 10:09, it should be: console.log(sum(1,2)); instead of: consol.log(1,2);

[@HARUN-AKSU]

Quality is important than quantity. Focus to make better videos not more. Of course try to make more videos but make them like this quality. I like your videos. Keep going Lydia

[@andresrodriguez4585]

Gracias Lydia ❤ por tus enseñanzas he aprendido mucho, saludos desde Colombia

[@MR.dev7751]

Finally The wait is over 💖💖💖💖

[@tamirlangabaraev7130]

This is so good I'm crying rn

[@khanfaizan05]

Great stuff.. nicely explained. Thank you so much .😊 Keep up the good work 👍👍👍

[@TechnoTube001]

Just 30 seconds into video and it is lit 🔥

[@stardrake691]

I’ve never imagined that there is still some room for youtube tutorials, but your work is truly exceptional and stands out from the rest. I came from the instagram page, and even though I know all of these concepts, I’ve subscribed immediately, and will recommend your channel for JavaScript developers. I’ve got a question on how you make these presentations. Do you record saying the script then making animations based on that? Or are the presentations ready prior to recording and you iterate though the slides?

[@swastikbhandari2644]

keep uploading , soo helpful

[@kwesigotit2322]

Kendrick Lamar, Frank Ocean and Lydia Haillie are on my watchlist - great work here!

[@rea_kr]

JavaScript에서 가장 중요한 것이 Execution Context라고 들었습니다. 영상 잘 보겠습니다!

[@sourabhjana1278]

So deep, so simple just feel like a wow! 😮❤

[@dedmanraizd]

You got another subscriber here! Hope to see more content soon!

[@n-julkushwaha2827]

You are on another level... Waiting for more videos...

[@SummerSC2]

Great content ! Woud love a video about the cargabe collector from you !

[@borislai9970]

Concepts explained very clearly. Could you please tell me what the animation in the video was made of?

[@GibranCastillo]

@Lydia - Extremenly useful. Question: on the last code example, by the time you execute getFullName(), the outer() Function Execution Context is no longer in the callstack, but outer() environment record still exist where and how? Are the outer() Function Execution Context and the outer() environment record two separate things? For how long does the outer environment record and the global environment record exist and where?

[@GibranCastillo]

@Lydia - never mind, you answered my questions in this new KZbin video --> kzbin.info/www/bejne/bHrbqp-qp52SiJI from minute 2 and 10 seconds and onwards. Thank you!!

[@ajayadav09]

Appreciate all the hardwork you put in the videos