Lydia Hallie
Lydia Hallie
  • 4
  • 499 295
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
Переглядів: 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

КОМЕНТАРІ

  • @n4itik
    @n4itik 2 години тому

    How did you get so good at this? What books/resources would you recommend?

  • @n4itik
    @n4itik 2 години тому

    How did you get so good at this? What books/resources would you recommend?

  • @n4itik
    @n4itik 2 години тому

    How did you get so good at this? What books/resources would you recommend?

  • @ruwanliyanage380
    @ruwanliyanage380 5 годин тому

    Amazing explanation♥

  • @rishisingh1034
    @rishisingh1034 5 годин тому

    great explanation!!! need more videos like this.

  • @MrXlee1967
    @MrXlee1967 6 годин тому

    Please make a tutorial on javascript or web development. I feel it would be very beneficial.

  • @mihirphadnis2
    @mihirphadnis2 7 годин тому

    I am so glad this popped up in my timeline. Thank you for this great video!

  • @ariassingh462
    @ariassingh462 13 годин тому

    This is one of the best videos on the event loop. The visuals of the different components of the runtime really help.

  • @saifullahrahman
    @saifullahrahman 21 годину тому

    Waiting for the next video!

  • @saifullahrahman
    @saifullahrahman 22 години тому

    Thats the best explanation i have seen

  • @maor44
    @maor44 23 години тому

    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!

  • @RishabhDeepSingh
    @RishabhDeepSingh День тому

    How do you make these code transition videos?

  • @JBFC112
    @JBFC112 День тому

    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 :)

  • @mr-suraj-cse
    @mr-suraj-cse 2 дні тому

    You made my day.... I'm eternally grateful..

  • @altgov3en
    @altgov3en 2 дні тому

    Gorgeous illustrations

  • @diegobarbieri7804
    @diegobarbieri7804 3 дні тому

    Omg, what are these slidess!!! A M A Z I N G, you are also so good at explaining!!!

  • @jazy3091
    @jazy3091 3 дні тому

    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

  • @truongtrang1903
    @truongtrang1903 3 дні тому

    Cool video, very easy to understand, let take more videos

  • @bisaiya87
    @bisaiya87 3 дні тому

    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?

  • @Lucky_Vaibhav
    @Lucky_Vaibhav 3 дні тому

    Thanks a lot.😇😇

  • @siriusAurora
    @siriusAurora 3 дні тому

    thank you!!!

  • @phannguyetnguyen8254
    @phannguyetnguyen8254 4 дні тому

    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.

  • @martinedwar
    @martinedwar 4 дні тому

    your voice soooo low i can't listen at 100% volum so please get close to the speaker, and ur exiplain is amazing

  • @user-dr6yi4uo7g
    @user-dr6yi4uo7g 4 дні тому

    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

  • @mailonebox
    @mailonebox 4 дні тому

    a godsend video! Thanks a bunch!

  • @jijuntang509
    @jijuntang509 4 дні тому

    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!

  • @mirjalol_shamsiddinov
    @mirjalol_shamsiddinov 5 днів тому

    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

  • @ganesh7457
    @ganesh7457 5 днів тому

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

  • @jhoanmiguelescobararboleda8547
    @jhoanmiguelescobararboleda8547 5 днів тому

    I am preparing for a JS interview, and They told me to have this ready. After this video I also subcribed

  • @ganesh7457
    @ganesh7457 5 днів тому

    Where have you been until now? a complex topic, but you explained it so simply.

  • @amirtorabi3978
    @amirtorabi3978 6 днів тому

    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.

  • @aleksanderkrolasik1895
    @aleksanderkrolasik1895 6 днів тому

    This presentation is a pinnacle of visual communication. We are dealing here with a highly organized mind.

  • @davidcostadev
    @davidcostadev 6 днів тому

    Perfect video!

  • @ievgeniibielkin
    @ievgeniibielkin 6 днів тому

    Thank you so much for presenting this topic, Lydia.

  • @user-wm8dc8rw8r
    @user-wm8dc8rw8r 7 днів тому

    Could you please show arrow functions in relation to environment records ?

  • @ergyan300
    @ergyan300 7 днів тому

    Wow 👏

  • @toanta4838
    @toanta4838 7 днів тому

    so beautiful that I had to replay many times :((( because I can't focus on the lesson =))

  • @satyam3480
    @satyam3480 8 днів тому

    beauty with brains personified....great explanation.

  • @moond0g
    @moond0g 8 днів тому

    Thanks you so much ❤❤❤❤ you are the best 🎉🎉🎉

  • @eliasagustin2
    @eliasagustin2 8 днів тому

    thanks .. great video

  • @Pawansoni432
    @Pawansoni432 8 днів тому

    Thanks! The best out there ❤

  • @sobeck6900
    @sobeck6900 8 днів тому

    Please make a video about Worker Queues

  • @bokistotel
    @bokistotel 9 днів тому

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

  • @eleazerugwu100
    @eleazerugwu100 9 днів тому

    You are an amazing tutor. The visualization is incredible.

  • @chrislanejones
    @chrislanejones 9 днів тому

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

  • @FauzulChowdhury
    @FauzulChowdhury 10 днів тому

    Beautiful animations and presentation in addition to your awesome explanation obviously.

  • @ponderer819
    @ponderer819 10 днів тому

    Thanks

  • @sadhya08
    @sadhya08 10 днів тому

    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

  • @mrbigberd
    @mrbigberd 10 днів тому

    Microtask queue is misnamed as there's no guarantee the tasks are actually micro. A better name would have been "priority task queue".

  • @vasili551
    @vasili551 10 днів тому

    can not be simpler and more elegant way of showing the concepts, thanks for the lessons.