JavaScript Visualized - Execution Contexts

Поделиться
HTML-код
  • Опубликовано: 25 дек 2024

Комментарии • 273

  • @theavocoder
    @theavocoder  7 месяцев назад +70

    💡 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 7 месяцев назад

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

    • @gunasekarant6498
      @gunasekarant6498 7 месяцев назад

      Thank you so much 🎉

    • @samzhang3200
      @samzhang3200 7 месяцев назад

      I love you

    • @dev-akeel
      @dev-akeel 7 месяцев назад

      @@samzhang3200 🤔🤔

    • @dev-akeel
      @dev-akeel 7 месяцев назад

      @@samzhang3200 Really?

  • @PostMeridianLyf
    @PostMeridianLyf 7 месяцев назад +76

    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__.. 7 месяцев назад +181

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

    • @theavocoder
      @theavocoder  7 месяцев назад +25

      Thank you!

    • @Harshi-jo6ol
      @Harshi-jo6ol 7 месяцев назад +1

      Same bro

    • @rapha5586
      @rapha5586 7 месяцев назад +1

      Same

    • @galactic_dust42
      @galactic_dust42 7 месяцев назад +5

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

    • @ivankudinov4153
      @ivankudinov4153 7 месяцев назад +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 4 месяца назад +6

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

  • @RedDiamondForLive
    @RedDiamondForLive 7 месяцев назад +12

    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!

  • @Dmittry
    @Dmittry 5 месяцев назад +16

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

  • @darana1142
    @darana1142 7 месяцев назад +37

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

    • @theavocoder
      @theavocoder  7 месяцев назад +22

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

    • @rashidxd
      @rashidxd 7 месяцев назад +4

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

  • @mirjalol_shamsiddinov
    @mirjalol_shamsiddinov 6 месяцев назад +3

    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

  • @aliben123
    @aliben123 7 месяцев назад +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.

  • @iboy883
    @iboy883 7 месяцев назад +18

    This is hands down the best explanation on the Internet ❤

  • @aphrodite6647
    @aphrodite6647 7 месяцев назад +3

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

  • @DominicVictoria
    @DominicVictoria 7 месяцев назад +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!

  • @evanlondono2213
    @evanlondono2213 7 месяцев назад +4

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

  • @AppySpaces
    @AppySpaces 4 месяца назад +1

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

  • @dandyson6116
    @dandyson6116 2 месяца назад

    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!

  • @davitgrigoryan3858
    @davitgrigoryan3858 7 месяцев назад +3

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

  • @moshiez
    @moshiez 2 месяца назад +1

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

  • @gauravp432
    @gauravp432 3 месяца назад

    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!

  • @boredbytrash
    @boredbytrash 7 месяцев назад +9

    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.

  • @josephaj8310
    @josephaj8310 2 месяца назад

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

  • @iscariotpriest1342
    @iscariotpriest1342 11 дней назад

    Best explanation of FEC and ER on the net

  • @Khalid-sr4zo
    @Khalid-sr4zo 5 месяцев назад +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!

  • @sarojsubedi8609
    @sarojsubedi8609 4 месяца назад

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

  • @abdiraqiibmohummed9781
    @abdiraqiibmohummed9781 7 месяцев назад

    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 😁

  • @danielwilkowski5899
    @danielwilkowski5899 5 месяцев назад +2

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

  • @johnathanrhoades7751
    @johnathanrhoades7751 6 месяцев назад +2

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

  • @ganesh7457
    @ganesh7457 6 месяцев назад

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

  • @Chief-wx1fj
    @Chief-wx1fj 6 месяцев назад

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

  • @cinnakarimi1749
    @cinnakarimi1749 6 месяцев назад +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!

  • @chrislanejones
    @chrislanejones 6 месяцев назад +2

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

  • @HarpreetSingh-ll1hq
    @HarpreetSingh-ll1hq 7 месяцев назад +2

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

  • @jeevakannan_u
    @jeevakannan_u 7 месяцев назад

    Thanks

  • @dadzierichard1220
    @dadzierichard1220 7 месяцев назад

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

  • @marlo3898
    @marlo3898 7 месяцев назад

    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!

  • @murtza.rehman
    @murtza.rehman 7 месяцев назад

    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.

  • @chiragverma8827
    @chiragverma8827 6 месяцев назад

    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

  • @eliav3
    @eliav3 7 месяцев назад

    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

  • @tsdineshjai8565
    @tsdineshjai8565 6 месяцев назад

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

  • @dixztube
    @dixztube 7 месяцев назад

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

  • @buenobars3378
    @buenobars3378 7 месяцев назад +1

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

  • @coofzilla
    @coofzilla 4 месяца назад

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

  • @ThePagity
    @ThePagity 7 месяцев назад

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

  • @kumardivyasingh9614
    @kumardivyasingh9614 5 месяцев назад

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

  • @thiagoneres8178
    @thiagoneres8178 4 месяца назад

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

  • @walid4839
    @walid4839 7 месяцев назад

    The best way of explanation on youtube

  • @omarouzzin4993
    @omarouzzin4993 7 месяцев назад

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

  • @thedude9014
    @thedude9014 6 месяцев назад

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

  • @TheUnknownFactor
    @TheUnknownFactor 7 месяцев назад

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

  • @Marhaenism1930
    @Marhaenism1930 7 месяцев назад +1

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

  • @toomanyarguments
    @toomanyarguments 7 месяцев назад

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

  • @ZergD
    @ZergD 7 месяцев назад

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

  • @jcaviedesc
    @jcaviedesc 7 месяцев назад

    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

  • @SyedzainAlishah-co9nq
    @SyedzainAlishah-co9nq 7 месяцев назад

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

  • @muhannedalogaidi7877
    @muhannedalogaidi7877 5 месяцев назад

    What a huge efforts you have done!. Thank you

  • @mayankrupareliya777
    @mayankrupareliya777 7 месяцев назад +1

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

  • @hartye
    @hartye 7 месяцев назад

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

  • @kwesigotit2322
    @kwesigotit2322 7 месяцев назад

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

  • @lucasviga12
    @lucasviga12 4 месяца назад

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

  • @tusharkumar_2302
    @tusharkumar_2302 7 месяцев назад

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

  • @petar567
    @petar567 7 месяцев назад

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

  • @isakdahlstrom
    @isakdahlstrom 7 месяцев назад

    Passive learning by having your videos on my second monitor 😁

  • @binh1298ify
    @binh1298ify 7 месяцев назад

    Thanks, I sent this video to all my colleagues

  • @mariyandamyanov
    @mariyandamyanov 7 месяцев назад

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

  • @gaiusSatyr
    @gaiusSatyr 7 месяцев назад

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

  • @johnodwyer5938
    @johnodwyer5938 7 месяцев назад

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

  • @abdelrahmankhallaf7982
    @abdelrahmankhallaf7982 7 месяцев назад

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

  • @aamiramin6112
    @aamiramin6112 7 месяцев назад

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

  • @HARUN-AKSU
    @HARUN-AKSU 7 месяцев назад +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

  • @manuelquiroga8022
    @manuelquiroga8022 7 месяцев назад

    Amazing, you're a very gifted explainer

  • @DebopriyoBasu
    @DebopriyoBasu 7 месяцев назад

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

  • @anonymousdesu5335
    @anonymousdesu5335 7 месяцев назад

    bruh wtf, why is this so good ?❤

  • @vasilecuzmin5153
    @vasilecuzmin5153 Месяц назад

    A video featuring this keyword would be highly beneficial 🙏

  • @AR7editing
    @AR7editing 7 месяцев назад

    Nice content Lydia, you're killing it!!

  • @Peepotan
    @Peepotan 4 месяца назад +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!

  • @aleksandarbrcic2521
    @aleksandarbrcic2521 7 месяцев назад +7

    And you deduced all of this from the ECMAScript specs?

  • @andresrodriguez4585
    @andresrodriguez4585 7 месяцев назад

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

  • @_acky
    @_acky 7 месяцев назад

    This visualization is amazing ! Great video and explanation 😊

  • @TechnoTube001
    @TechnoTube001 7 месяцев назад

    Just 30 seconds into video and it is lit 🔥

  • @amulpatel
    @amulpatel 7 месяцев назад

    for those of us that are visual. Your content is incredible. I hope to see more. ty

  • @mirjalol49
    @mirjalol49 7 месяцев назад

    One of the waited video. U are back

  • @rea_kr
    @rea_kr 7 месяцев назад

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

  • @smarttraining7096
    @smarttraining7096 4 месяца назад

    Your videos help so much! Thank you!

  • @Henrique01010
    @Henrique01010 7 месяцев назад

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

  • @MR.dev7751
    @MR.dev7751 7 месяцев назад

    Finally The wait is over 💖💖💖💖

  • @sourabhjana1278
    @sourabhjana1278 7 месяцев назад

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

  • @n-julkushwaha2827
    @n-julkushwaha2827 7 месяцев назад

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

  • @trongvinhnguyen6366
    @trongvinhnguyen6366 7 месяцев назад

    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.

  • @khanfaizan05
    @khanfaizan05 7 месяцев назад

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

  • @tamirlangabaraev7130
    @tamirlangabaraev7130 7 месяцев назад

    This is so good I'm crying rn

  • @dedmanraizd
    @dedmanraizd 6 месяцев назад

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

  • @DJerdos1
    @DJerdos1 7 месяцев назад +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);

  • @ajayadav09
    @ajayadav09 7 месяцев назад +2

    Appreciate all the hardwork you put in the videos

  • @StreamerSagaYT
    @StreamerSagaYT Месяц назад

    This is called quality.

  • @msahu2595
    @msahu2595 7 месяцев назад

    Truly great video ♥ made my day.

  • @gaankit
    @gaankit 3 месяца назад

    very clean explanation

  • @developersteve1658
    @developersteve1658 7 месяцев назад

    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.

  • @SummerSC2
    @SummerSC2 7 месяцев назад

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

  • @stardrake691
    @stardrake691 7 месяцев назад

    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?

  • @최용현-o7w
    @최용현-o7w 7 месяцев назад

    omg thanks a lot , literally you are my sunshine

  • @marketnetpress8087
    @marketnetpress8087 7 месяцев назад

    Waited long time for your video. I would really really appreciate if would add more use cases for this video.