JavaScript Visualized - Promise Execution

  Рет қаралды 134,148

Lydia Hallie

Lydia Hallie

Күн бұрын

Пікірлер: 467
@theavocoder
@theavocoder 4 ай бұрын
❤Hello again!! It's been a while since I uploaded to my own KZfaq channel haha. 🔊 I'm aware that the audio is a bit low! Sorry about that, will keep this in mind in the future :) I have many ideas for upcoming videos, but let me know in the comments what you think I should cover next! 👇
@karthikm.1804
@karthikm.1804 4 ай бұрын
"Yes! It's been a while, but I am excited for all the upcoming videos."
@markasena
@markasena 4 ай бұрын
Volume is a bit low on my side. boost it up on your next one!
@EdwinMartin
@EdwinMartin 4 ай бұрын
Hopefully not in 2029 😉
@mohithguptakorangi1766
@mohithguptakorangi1766 4 ай бұрын
How did you create those slides of animations? Please let us know.
@hellomukit
@hellomukit 4 ай бұрын
Great video. I would also like to know, how are those animations are made?
4 ай бұрын
Probably the best explanation of Promise I've ever seen
@rodrigolj
@rodrigolj 4 ай бұрын
I don't know if you want to go full time on this, but until then, I'm just so happy you decided to create content. It gives so much clarity on what JavaScript does, especially for people like me, who have aphantasia.
@pedroalmeida6728
@pedroalmeida6728 4 ай бұрын
The visuals and animations are top notch, amazing work, keep it up!
@user-eg6kh2rk3y
@user-eg6kh2rk3y Күн бұрын
Your channel is a gem
@pablomendezjimenez2010
@pablomendezjimenez2010 3 ай бұрын
Never seen a video with such clear drawings for explaining JavaScript promises and how they relate to the event driven nature of current JavaScript compilers. You've got a new subscriber!
@dipeshtamang4467
@dipeshtamang4467 2 ай бұрын
Visualisation really makes any complex topic easier to understand. Awesome explanation, keep up the good work.
@JohnBuildWebsites
@JohnBuildWebsites 3 ай бұрын
One of the best explanations I've seen. I'm so glad to see in recent years far better communication of confusing or complex ideas in coding. As an older bearded autistic Linux fan myself, I can confidently say simple communication hasn't traditionally been one of my peer groups strengths 😂. So I am glad my daughter will have far better role models explaining these concepts if she chooses to go into software development.
@sunkittsui7957
@sunkittsui7957 4 ай бұрын
This is the most well done and comprehensive video on JS Promises that I have seen so far!
@AngeloCarlotto
@AngeloCarlotto 3 ай бұрын
The way you explain thing is just perfect form me, and the awareness of you saying “you understand OR how well I(your self) explained” means to me you are beyond of a heck of a person/professional. Good job.
@danielqolami
@danielqolami 3 ай бұрын
This is the best explanation I've ever seen on "Promise" subject. thanks for the video.
@alexandrsashin
@alexandrsashin 4 ай бұрын
Your illustrations are eye-catching and easy to understand. I like this approach and want to say "Thank you" for such a great video!
@ikshitchaudhari2529
@ikshitchaudhari2529 4 ай бұрын
WOW, this is some really high quality content. Can definitely see your channel skyrocketing ! Keep up !🔥
@letmewatch.
@letmewatch. 2 ай бұрын
The visualization here is crazy to a point, me- who's very slow to understand, understood every word you said. Please keep doing more of this. I've even subscribed!
@sanzhar.danybayev
@sanzhar.danybayev 3 ай бұрын
That's one of the most brilliant explanations I've ever seen. And the best visualization so far!
@tobiashaefermann
@tobiashaefermann 4 ай бұрын
Great video as usual! A tiny addition I would make is that the then handler implicitly creates a fulfilled Promise as shown in the video by Lydia if you return a plain value - but the more common case for chaining is that you explicitly return a Promise yourself which usually is pending at first.
@dbsSensei
@dbsSensei 4 ай бұрын
Finally, new video after five years :')
@CsAlchemy-eg6ch
@CsAlchemy-eg6ch 4 ай бұрын
Been so long
@saiprashanth3618
@saiprashanth3618 4 ай бұрын
But, worth the wait.
@codeChuck
@codeChuck 3 ай бұрын
Totally worth it! Great quality content!
@dbsSensei
@dbsSensei 3 ай бұрын
Totally agree
@CsAlchemy-eg6ch
@CsAlchemy-eg6ch 3 ай бұрын
Totally agree
@BonBaisers
@BonBaisers 4 ай бұрын
Love it, strait to the point, useful infographics and efficient plan. I think the format is great. Details on "small" topics give the opportunity to beginners understand concepts and experimented people will always learn 1 or 2 things.
@heayyyyyyy11
@heayyyyyyy11 3 ай бұрын
Finally someone could explained how this whole magic is working in the way I can understand. Thank you so much :D
@Athelian
@Athelian 3 ай бұрын
I was blown away by your frontend masters course, please make more content like this and don't change a thing!
@fanyinU
@fanyinU Ай бұрын
Wow 🚀 This is the BEST explanation of promise concept I've ever seen. The visualization and your explanation work super well together 👍
@A_Saban
@A_Saban 3 ай бұрын
Well done! this visualization is the best I have ever seen for learning how the code works, plus your explanation is easy to understand kinda whish I had it when I learned promises
@novodip247
@novodip247 4 ай бұрын
I have a frontend interview after 2 days and this popped up in my feed, thanks youtube, Great visualization of promise, really enjoyed how you explained how things work under the hood in Promise.
@TheCodingSloth
@TheCodingSloth 4 ай бұрын
wow amazing video Lydia! Really loved the high quality visuals and your teaching style. Keep it up!
@arsamhashempour8156
@arsamhashempour8156 Ай бұрын
just 2 days ago I was thinking about lack of a visualized teaching in javaScript and today I found this channel it's great keep going and keep the level of your videos above I think developer community needs more people like you
@stianmaurstad
@stianmaurstad 4 ай бұрын
Thank you Lydia, as a visual learner, these visuals makes it so much easier!
@David-yx8ks
@David-yx8ks 3 ай бұрын
Great video and one of the best illustrations of promises I’ve ever seen. Please continue making this type of content!
@cisolarix
@cisolarix 3 ай бұрын
Without your video, I had never even been close to fully understand how promise works under the hood.
@dustingarner4620
@dustingarner4620 7 күн бұрын
This was so helpful, thank you so much for making this! The visuals were amazing.
@omak3313
@omak3313 4 ай бұрын
Thank you, Lydia! Visual explanation with animation helps a lot in understanding!
@kh0lis
@kh0lis 3 ай бұрын
This video suddenly popup on my feed. Your explanation with visualization is outstanding. Hope you can continue with other topics. Thanks 👍
@vagrawa1
@vagrawa1 6 күн бұрын
Hello Lydia. Thanks for all the videos. I hope we have teachers like you everywhere. Watching your videos gives so deep understanding about the topics. Thanks you so much again!!!
@nate_codes
@nate_codes 4 ай бұрын
This was INSANELY well done and highly educational. As someone who felt like I never fully grokked promises, after 4mins of watching a vid I now feel confident in how they fundamentally work. The visuals were amazing, progressive code snippets were perfect, and the script was tight and educational. I love that you basically made a clif notes video for a chunk of EXMA-262!! Insta sub! 👏
@nate_codes
@nate_codes 4 ай бұрын
EMCA-262… DYAC 🤦‍♂️
@lilichao9984
@lilichao9984 3 ай бұрын
@@nate_codes ECMA?
@g_pazzini
@g_pazzini 3 ай бұрын
the visualizatiion is neatly created and helps a lot to understand the concept explained. great job!
@libra.
@libra. 3 ай бұрын
been waiting for 5 years, ‼️🗣️🗣️🗣️ legit firee🔥🔥🔥💯💯
@user-ck6yl6qb2g
@user-ck6yl6qb2g 3 ай бұрын
By far the best explanation of this topic I've even seen
@mihirphadnis2
@mihirphadnis2 Ай бұрын
I am so glad this popped up in my timeline. Thank you for this great video!
@agormanco
@agormanco 3 ай бұрын
Nicely done! I've working with Promises since 2012 or before, but I never understood the details until watching your video in prep for an interview. Thanks!
@noobatprogramming6777
@noobatprogramming6777 4 ай бұрын
Love the video. Please make video like these more. Also the test your knowledge thing at the end was amazing. Would love to see more of this.
@l0upgarou
@l0upgarou 3 ай бұрын
Lydia, I wish I could like and subscribe more than once. Love this format, please please make more videos like this.
@burhanuddinkauka792
@burhanuddinkauka792 2 ай бұрын
Please please continue this series this is so awesome ❤
@slackstation
@slackstation 3 ай бұрын
Excellent video. The animations add so much to the understanding!
@proplayeriguess
@proplayeriguess 2 ай бұрын
this is the best explanation i have ever seen, simply awesome
@abhirajsinha3186
@abhirajsinha3186 4 ай бұрын
Have been reading your Javascript Visualised series on Medium, you're really underrated. Thank you for making these, hope you continue! Really helpful for beginners
@LukasSmith827
@LukasSmith827 4 ай бұрын
learning through both visualization and text is so underrated. please keep these videos going!
@theavocoder
@theavocoder 4 ай бұрын
💡Also just a little clarification since I simplified the chained thens, I should've made this more clear by adding the event loop animation here as well! The first promise constructor resolves, the first then handler is encountered, this handler is immediately added to the microtask queue. However, the callstack isn't empty at this point because there are more thens to handle. So it keeps creating Promise Reaction/Promise Object records for the subsequent thens and these are added to the fulfill reactions list, but they aren't fulfilled at this point since the first handler is still waiting on the microtask queue. Only when the callstack is empty would this resolve and add the next then's handler to the microtask queue.
@mohithguptakorangi1766
@mohithguptakorangi1766 4 ай бұрын
How did you create those slides of animations? Please let us know.
@nikeshsingh3049
@nikeshsingh3049 3 ай бұрын
How did you create slides and animations. Would be great help
@vikashnagar2114
@vikashnagar2114 9 күн бұрын
i just love you , mam i never get that kind of quality, deep knowledge about js
@plabmadeeasy
@plabmadeeasy 3 ай бұрын
Those are some beautiful animations! Thanks for the video!
@AMMullan
@AMMullan 3 ай бұрын
Superbly explained - as someone who hasn't really done much JS for a while and wanting to get back into it these kind of clearly explained resources are so useful 👏⭐
@jason17493
@jason17493 3 ай бұрын
Brilliant work!!, explained easily with story + visualizations, thanks Lydia. I hope u continue to make such Visualized videos for advanced concepts for key frontend techs such as JS, TS, ReactJS and NodeJS.
@Serhat786
@Serhat786 3 ай бұрын
Welcome back and try again and never give up. Happy to see.
@SankarshanGhosh
@SankarshanGhosh Ай бұрын
The promise pun at the start made me subscribe!
@julia-vialkova
@julia-vialkova 2 ай бұрын
Lydia, thank you very much for explanation. Don't stop, keep making videos like this
@alessandroformica6824
@alessandroformica6824 3 ай бұрын
Learning is fun this way! Looking forward to subscribing to one of your next courses ❤
@tahasin2321
@tahasin2321 4 ай бұрын
Finally welcome back after five years with new video ❤❤❤
@akashrajawat3676
@akashrajawat3676 3 ай бұрын
Just WOW!!! I have seen dozens of videos on Event Loop, and it made sense to me because some of them does not explain complete event loop. There is a famous video which tells event loop is simply a Stack and a Queue, and which always confused me when working with callbacks or promises. Thankyou very much for the video and looking forward for topics like "Closure".
@ilejovcevski79
@ilejovcevski79 2 ай бұрын
This was extremely helpful, i hope you keep on making these!
@MikeNugget
@MikeNugget 4 ай бұрын
Wow, that infographics animation is absolutely amazing ❤
@AjinkyaBhushan
@AjinkyaBhushan 3 ай бұрын
You are doing amazing. Keep posting videos. I understood about promises clearly
@dylanpalmboom2971
@dylanpalmboom2971 Ай бұрын
Thanks for another amazing video! This cleared up many questions I had in my mind regarding asynchronous code ✨
@jizhang2407
@jizhang2407 3 ай бұрын
I love the visualization. Thank you. And, more, more, more...!
@laracombina
@laracombina 3 ай бұрын
Your animations are beautiful, thank you so much 💞
@macmacmac740
@macmacmac740 4 ай бұрын
Amazingly explained. Thank you very much. I am in between interviews and I am sure this video will help me explain and implement promise in most effective way. ❤
@ankitsenjaliya1808
@ankitsenjaliya1808 3 ай бұрын
This video is a master piece.Thanks for your detailed explanation.
@kdshare6765
@kdshare6765 3 ай бұрын
Excellent, I am very glad to watch this high quality video ❤
@favourisrael7819
@favourisrael7819 2 ай бұрын
really love your work
@nope-zdvcz99
@nope-zdvcz99 Ай бұрын
probaly one of the best explanation for Promise, thank you so much for this video🙏
@lottexy
@lottexy 4 ай бұрын
holy damn finally!! i remember reading ur posts, glad to see you have videos
@PostigIT
@PostigIT 3 ай бұрын
Asynchronous programming is one of the most difficult topics to learn for beginners, because it is difficult to visualize in your head the coherent work of the stack, queues, event loop and web API. Thank you for such a clear explanation of how Promises work. I'm waiting for your new videos. Greetings from Russia! 🕊
@maryembenyounes523
@maryembenyounes523 3 ай бұрын
This is the best Promise video i've seen and i've seen many. Keep going ❤
@salehmohammednasseralobidi5880
@salehmohammednasseralobidi5880 2 ай бұрын
What a wonderful explanation 😊😊
@lakshminarayanareddypadart9807
@lakshminarayanareddypadart9807 3 ай бұрын
Please make more videos like this. It makes my learning faster and easier.
@naoufaljrh3891
@naoufaljrh3891 3 ай бұрын
please keep doing this, this is just great !
4 ай бұрын
Great video and probably one of the best explanation of promises on the web. Thank you.
@nataliabenko6579
@nataliabenko6579 4 ай бұрын
Loved the visualisation, it really helped to understand and follow along. Thank you!
@jorsisu
@jorsisu 4 ай бұрын
Is nice to see you back. These animations remind me of Delba's videos but well-colored and longer. This is great content!😁
@CoreDumpped
@CoreDumpped 3 ай бұрын
What a great video. I loved the animations!
@albertbyiringiro6799
@albertbyiringiro6799 Ай бұрын
Just awesome! Keep the good work.
@DouglasGubert
@DouglasGubert 4 ай бұрын
Awesome visualization! Makes the concept so much easier to grasp :)
@meowmerry5418
@meowmerry5418 2 ай бұрын
Please continue more, your video makes me understand and it really help me to want to study more.
@_dp3po_881
@_dp3po_881 3 ай бұрын
best explanation I've ever seen. well done.
@dmitrystril1748
@dmitrystril1748 3 ай бұрын
Hey, it's good to see you on youtube, your visualizations got even better! 😀 Thanks! 💡Maybe execution contexts and closures would be good to cover next.
@OliverSwales
@OliverSwales 3 ай бұрын
Wow amazing explanation and great video! Thanks
@user-cu4wb9dm4p
@user-cu4wb9dm4p 3 ай бұрын
You should already be thinking about your next upload while i subscribe😀great work!
@danielwilkowski5899
@danielwilkowski5899 3 ай бұрын
top-notch, 10/10, very high quality content. instant subscribe.
@aliajellu
@aliajellu 3 ай бұрын
Incredibly well done video. thank you!
@LossyBytes
@LossyBytes 3 ай бұрын
Can't wait to see more videos from you!
@kuoyulu6714
@kuoyulu6714 4 ай бұрын
this looks great! thanks for this video, its so clear and nice to look at 😃
@theavocoder
@theavocoder 3 ай бұрын
📝 Blog Post: www.lydiahallie.com/blog/promise-execution 📚 ECMA spec: tc39.es/ecma262/#sec-promise-objects 👩‍🏫 Check out my JavaScript Visualized Course on FrontendMasters! frontendmasters.com/courses/javascript-quiz/
@quofintech9200
@quofintech9200 3 ай бұрын
Great video Lydia, thanks!
@fernando-kw
@fernando-kw 3 ай бұрын
This is AWESOME, great explanation and video quality 🎉 brave! thanks
@mohammadsubhan1318
@mohammadsubhan1318 24 күн бұрын
You really explained it very well 🎉❤ Hats off
@mayorc
@mayorc 3 ай бұрын
Nice, i like this format of explanation. Keep it up.
@xdasdaasdasd4787
@xdasdaasdasd4787 3 ай бұрын
Made a lot of sense, great visuals too
@Gazwai92
@Gazwai92 4 ай бұрын
The visualisations are great, one of the better explanations around promises 👍
@adcstat689
@adcstat689 Ай бұрын
Best explanation, please keep up the good work 🤩
@DanPlayPl
@DanPlayPl 3 ай бұрын
For far best explanation of promises i've seen
@sirhcleunam
@sirhcleunam 3 ай бұрын
Nice!! Very interesting explanation with video animation, it's easy for a newbie like me to understand. Thank you!
@chairlovawitabat
@chairlovawitabat 4 ай бұрын
Thank you so much for the visual. For a second video, the quality is insanely good. If you have a visual of the call stack/web API/task queue/event loop visual in png or jpg format, that’d be sooo sick. 🙏🙏🙏 Some ideas I think would be cool to cover : • I/O with node • traversing the DOM with browser JavaScript • covering the newest JS methods (one that mutates arrays vs those that don’t). • browser fetch and accessing the response data • top level await, where it works and where it doesn’t • asynchronous importing Advanced stuff that would personally help me: • ESModules vs CommonJS • path aliasing in typescript and having a JS path resolution solution as well • JSDoc. • declaration files in typescript • web workers This video is so good, I immediately subscribed. I can already tell you’re chock full of knowledge. 🙏🙏🙏
@user-qg6cr7tk2b
@user-qg6cr7tk2b 4 ай бұрын
Thanks for uploading this video. Actually when I stated learning JS , I read your writing on MDN about " Promises & Async/Await" then I came to KZfaq if there is any video on this but it was not there. I got a bit disappointed. Now You upload this video. really happy for that. please make more video on JS.
How Data Structures & Algorithms are Actually Used
11:39
ForrestKnight
Рет қаралды 199 М.
The 3 Laws of Writing Readable Code
5:28
Kantan Coding
Рет қаралды 419 М.
Alex hid in the closet #shorts
00:14
Mihdens
Рет қаралды 12 МЛН
Опасность фирменной зарядки Apple
00:57
SuperCrastan
Рет қаралды 6 МЛН
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 496 М.
Finally Fix Your Issues With JS/React Memory Management 😤
20:13
Jack Herrington
Рет қаралды 82 М.
The Heart of React || How React works under the hood
10:32
AI Bruise
Рет қаралды 16 М.
JavaScript Visualized - Execution Contexts
11:41
Lydia Hallie
Рет қаралды 44 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 465 М.
Visual Guide to the Modern Frontend Toolchain (Vite)
9:18
Lachlan Miller
Рет қаралды 78 М.
Generics: The most intimidating TypeScript feature
18:19
Matt Pocock
Рет қаралды 168 М.
Performance in React and Next.js (Lydia Hallie)
16:12
Vercel
Рет қаралды 29 М.
Alex hid in the closet #shorts
00:14
Mihdens
Рет қаралды 12 МЛН