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 😂

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

[@StarsManny]

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

[@Dmittry]

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

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

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

[@iboy883]

This is hands down the best explanation on the Internet ❤

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

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

[@evanlondono2213]

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

[@AppySpaces]

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

[@aphrodite6647]

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

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

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

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

[@davitgrigoryan3858]

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

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

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

[@johnathanrhoades7751]

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

[@chrislanejones]

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

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

[@sarojsubedi8609]

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

[@danielwilkowski5899]

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

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

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

[@vasilecuzmin5153]

A video featuring this keyword would be highly beneficial 🙏

[@ganesh7457]

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

[@Chief-wx1fj]

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

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

[@ThePagity]

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

[@dadzierichard1220]

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

[@kumardivyasingh9614]

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

[@HarpreetSingh-ll1hq]

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

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

[@TheUnknownFactor]

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

[@dixztube]

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

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

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

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

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

[@coofzilla]

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

[@tsdineshjai8565]

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

[@thedude9014]

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

[@moshiez]

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

[@SyedzainAlishah-co9nq]

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

[@kwesigotit2322]

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

[@toomanyarguments]

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

[@DebopriyoBasu]

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

[@walid4839]

The best way of explanation on youtube

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

[@abdelrahmankhallaf7982]

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

[@tusharkumar_2302]

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

[@Marhaenism1930]

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

[@isakdahlstrom]

Passive learning by having your videos on my second monitor 😁

[@amulpatel]

for those of us that are visual. Your content is incredible. I hope to see more. ty

[@mayankrupareliya777]

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

[@gaiusSatyr]

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

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

[@aamiramin6112]

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

[@binh1298ify]

Thanks, I sent this video to all my colleagues

[@muhannedalogaidi7877]

What a huge efforts you have done!. Thank you

[@mariyandamyanov]

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

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

[@hartye]

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

[@omarouzzin4993]

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

[@lucasviga12]

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

[@ZergD]

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

[@rea_kr]

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

[@alternate_fantasy]

A definition of how I like how good her voice is but how complicated the demonstration is

[@andresrodriguez4585]

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

[@petar567]

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

[@johnodwyer5938]

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

[@manuelquiroga8022]

Amazing, you're a very gifted explainer

[@_acky]

This visualization is amazing ! Great video and explanation 😊

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

[@reinaldousadani1075]

It's hard to believe you made this using keynote, it's awesome! I'd watch for a video about tips and tricks (not a full tutorial) about Apple Keynote to be honest.

[@developersteve1658]

This is amazingly well done. Something I'd love to see would be how to view some of this stuff ourselves. E.g. parse through the call stack in Chrome dev tools.

[@aleksandarbrcic2521]

And you deduced all of this from the ECMAScript specs?

[@ajayadav09]

Appreciate all the hardwork you put in the videos

[@TechnoTube001]

Just 30 seconds into video and it is lit 🔥

[@smarttraining7096]

Your videos help so much! Thank you!

[@AR7editing]

Nice content Lydia, you're killing it!!

[@SummerSC2]

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

[@tamirlangabaraev7130]

This is so good I'm crying rn

[@khanfaizan05]

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

[@mirjalol49]

One of the waited video. U are back

[@n-julkushwaha2827]

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

[@sourabhjana1278]

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

[@marketnetpress8087]

Waited long time for your video. I would really really appreciate if would add more use cases for this video.

[@MR.dev7751]

Finally The wait is over 💖💖💖💖

[@gaankit]

very clean explanation

[@dedmanraizd]

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

[@anonymousdesu5335]

bruh wtf, why is this so good ?❤

[@anonymousdesu5335]

the explanation is also so good ❤

[@최용현-o7w]

omg thanks a lot , literally you are my sunshine

[@StreamerSagaYT]

This is called quality.

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

[@krishvavlogs]

Awesome and easy learn from you..