- 4
- 517 283
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
Переглядів: 38 551
Відео
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
Переглядів 346 тис.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
Переглядів 124 тис.3 місяці тому
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
need a tutorial on how to make this kind of presentations
This was really good! I’m sure your channel will grow rapidly from here on
Thank's a lot! I really appreciate the visual explanation, it just brings more clear understanding!
Increadible slides!
I watched it for a couple of minutes and I have a question. In case JS is one-threaded, how will you explain Workers? Thank you.
Please do React under the hood! 🙏
wow
teach me how to do this senpai
almost 50k subs in 1 month with 3 videos , you are doing something right
Wowzers, I wanna know what books you been reading, I need some of that. Most people cant explain how javascript actually works outside of "thats just want happens in js" but this is like some next level shit. Im guessing you are some kind of language design or compiler dev.
I'd like to see Kyle Simpson tell this lady "You dont know JS"...
Amazing explanaition! Is there any reason to use callbacks rather than Promisifying everything?
this visuals are incredible. Thankyou
I am a project manager with 5 years experience in fullstack development inside a University and this is the single best video about the insides of JS I've had the pleasure of watching. Thx
thank you for your detailed explanation. It helps me a lot!
Absolutely excellent video!!!
The visuals are so clean, good looking and easy to understand. 11/10 ty
Bob Ross of Js
cute AND smart, dayum
crazy good video, keep it up
That was the cleanest explanation I've ever seen. Great job!
After 1yr coding Nodejs, I finally figure out what the heck is event loop P/s: tkss u so much 🙏🙏
This is really informative and concise. Please, what tool did you use to make this video and it's animations?
Absolutely golden video, thank you very much!
Fortnite battle pass
Idk if anyone knows the line "My Lydia" from the Klaus movie 😄. Thank you Lydia🙂
What you did is just amazing! Please keep going, you should explain all the concepts in all programming languages 🙏🏽
Are the slides available anywhere by chance?
Wow ❤ Explanation 🥹
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
Thank's Million
Great explanation! Hope you will continue to make educational content.
Great video, I have this question. 0:57 so Does The javascript interpreter Scan The Code Line by line or Function by function (that is everytime you call a function)
Thank you for the good explanation, but as far as I know, micro-tasks are executed by the event loop after the completion of the current execution context, not when the call stack is empty.
God bless you. U r superrrr 😊
Great Video
you got new subscriber btw❤
Hi Lydia, How do you create the animations for the slides? They are pretty good!
This video at first made me feel like monkey pressing keys on a keyboard for the last 2k commits of my past year... but then once I tried to do the challenge at 8:57 I got so hyped for getting it correctly that now I feel a good hope for the next year of commits. Thank you so much for such an explanation!
Thanks Lydia the best and to the point video I have ever seen. Please keep the good work. 🤩
Thanks! The video is super perspicuous! I didn't know the idea of micro task queue, that video is an eye opener 🙌
Outstanding visualization.
Just awesome! Keep the good work.
I have a crush on you ❤😂
Can we except more videos from You? i mean deep dive in Javascript and React js/Next js?
simply I love it, no words
Thanks a lot! This is the best video I've seen about the event loop.
Explanation is Lit !! I couldnt never understand before the concept of closures.
Top video on the JS event loop
I guess this is what we call 'digital insanity'. The way this concept has been visualized and explained is commendable!