![Lydia Hallie](/img/default-banner.jpg)
- 4
- 499 295
Lydia Hallie
Приєднався 7 бер 2018
I'm a software engineer and use Apple Keynote
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!
- www.patreon.com/LydiaHallie
- buymeacoffee.com/lydiahallie
- lydiahallie
- www.linkedin.com/in/lydia-hallie/
- theavocoder
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
- www.patreon.com/LydiaHallie
- buymeacoffee.com/lydiahallie
- lydiahallie
- www.linkedin.com/in/lydia-hallie/
- theavocoder
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
Переглядів: 37 187
Відео
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Переглядів 332 тис.2 місяці тому
Learn how the browser event loop, task queue, microtask queue, and Web APIs work together to enable non-blocking, asynchronous JavaScript. - www.patreon.com/LydiaHallie - buymeacoffee.com/lydiahallie - lydiahallie - www.linkedin.com/in/lydia-hallie/ - theavocoder Timestamps: 0:00 Intro 0:32 Call Stack 1:18 Single-threaded Problem 2:01 Web APIs 2:47 Callback-based APIs ...
JavaScript Visualized - Promise Execution
Переглядів 121 тис.2 місяці тому
Learn about the inner workings of Promises in JavaScript and see how they enable non-blocking asynchronous operations. - www.patreon.com/LydiaHallie - buymeacoffee.com/lydiahallie - lydiahallie - www.linkedin.com/in/lydia-hallie/ - theavocoder Timestamps: 0:00 - Intro 0:19 - Promise Constructor 4:42 - Chaining thens 6:26 - Challenge 8:05 - Outro
How did you get so good at this? What books/resources would you recommend?
How did you get so good at this? What books/resources would you recommend?
How did you get so good at this? What books/resources would you recommend?
Amazing explanation♥
great explanation!!! need more videos like this.
Please make a tutorial on javascript or web development. I feel it would be very beneficial.
I am so glad this popped up in my timeline. Thank you for this great video!
This is one of the best videos on the event loop. The visuals of the different components of the runtime really help.
Waiting for the next video!
Thats the best explanation i have seen
so if there is an alert that should pop up after 2 sec (setTimeout), and there are 50 tasks in the microtask queue, the user will not see the popup after 2 sec? but only after the microtask queue is clean? this is blowmind!
How do you make these code transition videos?
This is one of those videos that I want to give a thumb up, but I notice that I already gave it a few minutes ago. I want to give several :)
You made my day.... I'm eternally grateful..
Gorgeous illustrations
Omg, what are these slidess!!! A M A Z I N G, you are also so good at explaining!!!
Ok, I'm stingy af but if you have any commercial courses I'll subscribe! This is the level of explaining (and visualising!) that makes JS make sense. I love this video. Please continue your great work and shine a light of understanding on us all. <3
Cool video, very easy to understand, let take more videos
So how can we execute setTimeOut at exactly 1000ms without worrying about the call stack or microtask queue running first? Because it'll be more than 1000ms, right?
Thanks a lot.😇😇
thank you!!!
I've been dreaming of one day creating such video for years. I'm happy seeing someone did it beautifully, especially when it is a soft spoken girl.
your voice soooo low i can't listen at 100% volum so please get close to the speaker, and ur exiplain is amazing
Hi So Good Video to Learn more about Js Thank You 😊 in Your Video at 10:09 😅 Some code is wrong in the console, you must put the sum function in the console arguments Good Luck
a godsend video! Thanks a bunch!
So great! I love this kind of explanation with animations! It makes complicated concepts so much easier to understand! Thank you very much for the video!
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
hands down best explanation of execution context, please do post frequently.
I am preparing for a JS interview, and They told me to have this ready. After this video I also subcribed
Where have you been until now? a complex topic, but you explained it so simply.
I am using react for an enterprise stock trading. We have several socket connection and a lot of love data. The cpu usage is high. I would be appreciated if you create a practical video about improvement react projecta at enterprise level.
This presentation is a pinnacle of visual communication. We are dealing here with a highly organized mind.
Perfect video!
Thank you so much for presenting this topic, Lydia.
Could you please show arrow functions in relation to environment records ?
Wow 👏
so beautiful that I had to replay many times :((( because I can't focus on the lesson =))
beauty with brains personified....great explanation.
Thanks you so much ❤❤❤❤ you are the best 🎉🎉🎉
thanks .. great video
Thanks! The best out there ❤
Please make a video about Worker Queues
@7:17 when fetch is positioned on a callstack it is immediatley removed and creates a Promise object. But where is this object? Does WebAPI have its own memory space?
You are an amazing tutor. The visualization is incredible.
This is one of the best explanations of how JavaScript works in the web browser.
Beautiful animations and presentation in addition to your awesome explanation obviously.
Thanks
Lydia , I have been following you for a long time, your github JS questions repo was amazing; it helped me get many jobs into good companies...kudos for coming up with this video...Thanks
Microtask queue is misnamed as there's no guarantee the tasks are actually micro. A better name would have been "priority task queue".
can not be simpler and more elegant way of showing the concepts, thanks for the lessons.