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

КОМЕНТАРІ

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

    need a tutorial on how to make this kind of presentations

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

    This was really good! I’m sure your channel will grow rapidly from here on

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

    Thank's a lot! I really appreciate the visual explanation, it just brings more clear understanding!

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

    Increadible slides!

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

    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.

  • @666samurai_
    @666samurai_ День тому

    Please do React under the hood! 🙏

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

    wow

  • @TrongTran-zv6ci
    @TrongTran-zv6ci День тому

    teach me how to do this senpai

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

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

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

    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.

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

    I'd like to see Kyle Simpson tell this lady "You dont know JS"...

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

    Amazing explanaition! Is there any reason to use callbacks rather than Promisifying everything?

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

    this visuals are incredible. Thankyou

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

    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

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

    thank you for your detailed explanation. It helps me a lot!

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

    Absolutely excellent video!!!

  • @Chief-wx1fj
    @Chief-wx1fj 2 дні тому

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

  • @SarthakSharma-ov1zt
    @SarthakSharma-ov1zt 2 дні тому

    Bob Ross of Js

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

    cute AND smart, dayum

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

    crazy good video, keep it up

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

    That was the cleanest explanation I've ever seen. Great job!

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

    After 1yr coding Nodejs, I finally figure out what the heck is event loop P/s: tkss u so much 🙏🙏

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

    This is really informative and concise. Please, what tool did you use to make this video and it's animations?

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

    Absolutely golden video, thank you very much!

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

    Fortnite battle pass

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

    Idk if anyone knows the line "My Lydia" from the Klaus movie 😄. Thank you Lydia🙂

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

    What you did is just amazing! Please keep going, you should explain all the concepts in all programming languages 🙏🏽

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

    Are the slides available anywhere by chance?

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

    Wow ❤ Explanation 🥹

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

    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

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

    Thank's Million

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

    Great explanation! Hope you will continue to make educational content.

  • @a.v7998
    @a.v7998 5 днів тому

    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)

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

    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.

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

    God bless you. U r superrrr 😊

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

    Great Video

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

    you got new subscriber btw❤

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

    Hi Lydia, How do you create the animations for the slides? They are pretty good!

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

    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!

  • @DSA-PRO-PATTERNS
    @DSA-PRO-PATTERNS 7 днів тому

    Thanks Lydia the best and to the point video I have ever seen. Please keep the good work. 🤩

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

    Thanks! The video is super perspicuous! I didn't know the idea of micro task queue, that video is an eye opener 🙌

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

    Outstanding visualization.

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

    Just awesome! Keep the good work.

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

    I have a crush on you ❤😂

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

    Can we except more videos from You? i mean deep dive in Javascript and React js/Next js?

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

    simply I love it, no words

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

    Thanks a lot! This is the best video I've seen about the event loop.

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

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

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

    Top video on the JS event loop

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

    I guess this is what we call 'digital insanity'. The way this concept has been visualized and explained is commendable!