JavaScript Visualized - Execution Contexts

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 266

  • @theavocoder
    @theavocoder  6 หลายเดือนก่อน +69

    💡 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
      @abcq1 6 หลายเดือนก่อน

      Execution Contexts and Environment Records ARE the most exciting ... :)

    • @gunasekarant6498
      @gunasekarant6498 6 หลายเดือนก่อน

      Thank you so much 🎉

    • @samzhang3200
      @samzhang3200 6 หลายเดือนก่อน

      I love you

    • @dev-akeel
      @dev-akeel 6 หลายเดือนก่อน

      @@samzhang3200 🤔🤔

    • @dev-akeel
      @dev-akeel 6 หลายเดือนก่อน

      @@samzhang3200 Really?

  • @PostMeridianLyf
    @PostMeridianLyf 6 หลายเดือนก่อน +71

    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!

  • @james__..
    @james__.. 6 หลายเดือนก่อน +174

    You're my most awaited youtuber right now, please do upload more often 🥹

    • @theavocoder
      @theavocoder  6 หลายเดือนก่อน +24

      Thank you!

    • @Harshi-jo6ol
      @Harshi-jo6ol 6 หลายเดือนก่อน +1

      Same bro

    • @rapha5586
      @rapha5586 6 หลายเดือนก่อน +1

      Same

    • @galactic_dust42
      @galactic_dust42 6 หลายเดือนก่อน +5

      You forget to put "async" at the start of your sentence !

    • @ivankudinov4153
      @ivankudinov4153 6 หลายเดือนก่อน +2

      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 😂

  • @StarsManny
    @StarsManny 3 หลายเดือนก่อน +4

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

  • @josephaj8310
    @josephaj8310 27 วันที่ผ่านมา

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

  • @RedDiamondForLive
    @RedDiamondForLive 6 หลายเดือนก่อน +10

    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!

  • @boredbytrash
    @boredbytrash 5 หลายเดือนก่อน +8

    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.

  • @gauravp432
    @gauravp432 2 หลายเดือนก่อน

    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!

  • @AppySpaces
    @AppySpaces 3 หลายเดือนก่อน +1

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

  • @iboy883
    @iboy883 6 หลายเดือนก่อน +18

    This is hands down the best explanation on the Internet ❤

  • @darana1142
    @darana1142 6 หลายเดือนก่อน +36

    Those animations! As someone getting started with motion design I have to commend the effort that goes into these videos.

    • @theavocoder
      @theavocoder  6 หลายเดือนก่อน +21

      Thank you! Keynote + Magic Move goes a long away haha

    • @rashidxd
      @rashidxd 6 หลายเดือนก่อน +4

      @@theavocoder thanks for this! I'm amazed that Keynote could produce that smoothness.

  • @dandyson6116
    @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!

  • @mirjalol_shamsiddinov
    @mirjalol_shamsiddinov 5 หลายเดือนก่อน +2

    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

  • @evanlondono2213
    @evanlondono2213 6 หลายเดือนก่อน +4

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

  • @davitgrigoryan3858
    @davitgrigoryan3858 6 หลายเดือนก่อน +3

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

  • @aphrodite6647
    @aphrodite6647 6 หลายเดือนก่อน +3

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

  • @Dmittry
    @Dmittry 4 หลายเดือนก่อน +11

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

  • @aliben123
    @aliben123 6 หลายเดือนก่อน +3

    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.

  • @DominicVictoria
    @DominicVictoria 6 หลายเดือนก่อน +4

    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!

  • @vasilecuzmin5153
    @vasilecuzmin5153 20 วันที่ผ่านมา

    A video featuring this keyword would be highly beneficial 🙏

  • @sarojsubedi8609
    @sarojsubedi8609 3 หลายเดือนก่อน

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

  • @abdiraqiibmohummed9781
    @abdiraqiibmohummed9781 6 หลายเดือนก่อน

    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 😁

  • @ganesh7457
    @ganesh7457 5 หลายเดือนก่อน

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

  • @murtza.rehman
    @murtza.rehman 6 หลายเดือนก่อน

    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.

  • @Chief-wx1fj
    @Chief-wx1fj 5 หลายเดือนก่อน

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

  • @kumardivyasingh9614
    @kumardivyasingh9614 4 หลายเดือนก่อน

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

  • @dadzierichard1220
    @dadzierichard1220 6 หลายเดือนก่อน

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

  • @Khalid-sr4zo
    @Khalid-sr4zo 3 หลายเดือนก่อน +3

    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!

  • @HARUN-AKSU
    @HARUN-AKSU 6 หลายเดือนก่อน +4

    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

  • @cinnakarimi1749
    @cinnakarimi1749 4 หลายเดือนก่อน +1

    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!

  • @johnathanrhoades7751
    @johnathanrhoades7751 5 หลายเดือนก่อน +2

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

  • @moshiez
    @moshiez หลายเดือนก่อน

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

  • @coofzilla
    @coofzilla 3 หลายเดือนก่อน

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

  • @ThePagity
    @ThePagity 6 หลายเดือนก่อน

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

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

  • @TheUnknownFactor
    @TheUnknownFactor 6 หลายเดือนก่อน

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

  • @eliav3
    @eliav3 6 หลายเดือนก่อน

    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
    @marlo3898 6 หลายเดือนก่อน

    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!

  • @tsdineshjai8565
    @tsdineshjai8565 5 หลายเดือนก่อน

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

  • @chrislanejones
    @chrislanejones 5 หลายเดือนก่อน +2

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

  • @toomanyarguments
    @toomanyarguments 6 หลายเดือนก่อน

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

  • @SyedzainAlishah-co9nq
    @SyedzainAlishah-co9nq 6 หลายเดือนก่อน

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

  • @HarpreetSingh-ll1hq
    @HarpreetSingh-ll1hq 6 หลายเดือนก่อน +2

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

  • @muhannedalogaidi7877
    @muhannedalogaidi7877 3 หลายเดือนก่อน

    What a huge efforts you have done!. Thank you

  • @thedude9014
    @thedude9014 5 หลายเดือนก่อน

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

  • @dixztube
    @dixztube 6 หลายเดือนก่อน

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

  • @walid4839
    @walid4839 6 หลายเดือนก่อน

    The best way of explanation on youtube

  • @lucasviga12
    @lucasviga12 3 หลายเดือนก่อน

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

  • @trongvinhnguyen6366
    @trongvinhnguyen6366 6 หลายเดือนก่อน

    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.

  • @jcaviedesc
    @jcaviedesc 6 หลายเดือนก่อน

    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

  • @buenobars3378
    @buenobars3378 6 หลายเดือนก่อน +1

    I have learned so much from your channel. You're doing god's work. Look forward to more!

  • @isakdahlstrom
    @isakdahlstrom 6 หลายเดือนก่อน

    Passive learning by having your videos on my second monitor 😁

  • @tusharkumar_2302
    @tusharkumar_2302 6 หลายเดือนก่อน

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

  • @Peepotan
    @Peepotan 3 หลายเดือนก่อน +1

    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!

  • @abdelrahmankhallaf7982
    @abdelrahmankhallaf7982 6 หลายเดือนก่อน

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

  • @binh1298ify
    @binh1298ify 6 หลายเดือนก่อน

    Thanks, I sent this video to all my colleagues

  • @gaiusSatyr
    @gaiusSatyr 6 หลายเดือนก่อน

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

  • @omarouzzin4993
    @omarouzzin4993 6 หลายเดือนก่อน

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

  • @danielwilkowski5899
    @danielwilkowski5899 4 หลายเดือนก่อน +2

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

  • @thiagoneres8178
    @thiagoneres8178 2 หลายเดือนก่อน

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

  • @aamiramin6112
    @aamiramin6112 6 หลายเดือนก่อน

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

  • @ZergD
    @ZergD 6 หลายเดือนก่อน

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

  • @kwesigotit2322
    @kwesigotit2322 6 หลายเดือนก่อน

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

  • @smarttraining7096
    @smarttraining7096 2 หลายเดือนก่อน

    Your videos help so much! Thank you!

  • @mayankrupareliya777
    @mayankrupareliya777 6 หลายเดือนก่อน +1

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

  • @manuelquiroga8022
    @manuelquiroga8022 6 หลายเดือนก่อน

    Amazing, you're a very gifted explainer

  • @andresrodriguez4585
    @andresrodriguez4585 6 หลายเดือนก่อน

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

  • @Marhaenism1930
    @Marhaenism1930 6 หลายเดือนก่อน +1

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

  • @DebopriyoBasu
    @DebopriyoBasu 6 หลายเดือนก่อน

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

  • @petar567
    @petar567 6 หลายเดือนก่อน

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

  • @mariyandamyanov
    @mariyandamyanov 6 หลายเดือนก่อน

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

  • @gaankit
    @gaankit หลายเดือนก่อน

    very clean explanation

  • @hartye
    @hartye 6 หลายเดือนก่อน

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

  • @rea_kr
    @rea_kr 6 หลายเดือนก่อน

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

  • @TechnoTube001
    @TechnoTube001 6 หลายเดือนก่อน

    Just 30 seconds into video and it is lit 🔥

  • @johnodwyer5938
    @johnodwyer5938 6 หลายเดือนก่อน

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

  • @Henrique01010
    @Henrique01010 6 หลายเดือนก่อน

    I will need to watch a couple more times to fully understand this one lol. But great video as always, love the visual animations

  • @tamirlangabaraev7130
    @tamirlangabaraev7130 5 หลายเดือนก่อน

    This is so good I'm crying rn

  • @alternate_fantasy
    @alternate_fantasy 6 หลายเดือนก่อน

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

  • @n-julkushwaha2827
    @n-julkushwaha2827 6 หลายเดือนก่อน

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

  • @khanfaizan05
    @khanfaizan05 6 หลายเดือนก่อน

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

  • @_acky
    @_acky 6 หลายเดือนก่อน

    This visualization is amazing ! Great video and explanation 😊

  • @aleksandarbrcic2521
    @aleksandarbrcic2521 6 หลายเดือนก่อน +7

    And you deduced all of this from the ECMAScript specs?

  • @anonymousdesu5335
    @anonymousdesu5335 6 หลายเดือนก่อน

    bruh wtf, why is this so good ?❤

    • @anonymousdesu5335
      @anonymousdesu5335 6 หลายเดือนก่อน

      the explanation is also so good ❤

  • @sourabhjana1278
    @sourabhjana1278 6 หลายเดือนก่อน

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

  • @amrextracoding
    @amrextracoding 5 หลายเดือนก่อน

    Thank you so much for your great efforts

  • @lakshyagupta7089
    @lakshyagupta7089 2 หลายเดือนก่อน

    most amazing explanation!

  • @최용현-o7w
    @최용현-o7w 6 หลายเดือนก่อน

    omg thanks a lot , literally you are my sunshine

  • @DJerdos1
    @DJerdos1 6 หลายเดือนก่อน +2

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

  • @AR7editing
    @AR7editing 6 หลายเดือนก่อน

    Nice content Lydia, you're killing it!!

  • @developersteve1658
    @developersteve1658 6 หลายเดือนก่อน

    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.

  • @krishvavlogs
    @krishvavlogs 5 หลายเดือนก่อน

    Awesome and easy learn from you..

  • @MR.dev7751
    @MR.dev7751 6 หลายเดือนก่อน

    Finally The wait is over 💖💖💖💖

  • @SummerSC2
    @SummerSC2 6 หลายเดือนก่อน

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

  • @dedmanraizd
    @dedmanraizd 5 หลายเดือนก่อน

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

  • @ajayadav09
    @ajayadav09 6 หลายเดือนก่อน +2

    Appreciate all the hardwork you put in the videos

  • @StreamerSagaYT
    @StreamerSagaYT 18 วันที่ผ่านมา

    This is called quality.

  • @stardrake691
    @stardrake691 6 หลายเดือนก่อน

    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?

  • @mirjalol49
    @mirjalol49 6 หลายเดือนก่อน

    One of the waited video. U are back

  • @aenguswright7336
    @aenguswright7336 6 หลายเดือนก่อน

    For all the hate JS gets, its a surprisingly powerful, expressive and elegant language, as I think this talk demonstrates very well.