This episode had everything I love about FunFunFunction - COFFEE, antics, and the usage of refactoring the same function multiple ways to illustrate concepts. I'm excited that you're going to be investing more time in your channel!
Hi, you’re very nice and funny, but I found you extremely clear and easy to follow. Moreover learning smiling is the best way! You’re unique! Very good job!
Man!!. I'm using async await for about an year but still your video gives me a stronger understanding of async await. Would love to see you again in this channel.
MPJ!!!! You Rock! Glad you are back! We ALL missed you! I go back and watch your old vids as refreshers on different topics. You make code fun! Keep up the great work and you know... I LOVED the opening! (and I am way high on the OCD spectrum! ) Cant WAIT to see the next installment!
Oh and by the way.. yes I will DEF be keeping a sharp eye out on Friday! Best of luck in making this a full time gig! I totally think this is a worth while cause. Again, Dude, you make code fun!
Absolutely wonderful video. Great explanation of async and await. The insanity makes it astoundingly fun super entertaining. I love that *_Teaching is the best way to learn_*
Also worth pointing out the use of try/catch so errors can be handled if the await fails. You can still use then/catch so best to choose, which you prefer. public async getSomething() { try { const data = await this.restCall(); console.log('success', data); } catch (error) { console.log('whoops', error); } }
I'm continually impressed that you can make me laugh while educating me on programming! Your presentation and editing communicate why programming is NOT boring, which is a difficult thing to communicate to non-programmers. Well done!
- Will the badge gain value as time pass ? - Will the badge assess superiority on other human beings and alike ? - Can the badge be used as virtual bottle opener ? - What other functionalities / power does the badge possess ?
I missed this format of your video. Thank you for you work. I remember last summer when I was learning ES6 from your videos and then I got the job. Thank you. You probably made a big influence on my life and this is awesome.
Hey MPJ, love your videos. Very absorbing, concise, and entertaining. I've been coding JS professionally since 2012, and watching this series is helping renew my passion for the language. Keep up the great work! FYI I hit the Subscribe button right around when I heard the FFV victory music at 6:53 :-)
Great video! I'm glad you pointed out the logical non-equivalence; else I was gearing up to leave an angry comment. Pro tip: to comment a section of code, select them (doesn't have to be perfect end-to-end selection, just the selected text has to span over those lines) with mouse, and hit Cmd + /. This is pretty standard across VSCode, Atom, Sublime etc. In fact, it works both ways - it also uncomments a selected portion, if it was previously commented like this.
That's a great tip for coding on your own. I do, however, intentionally avoid editor trickery in the videos - partly because I don't want things to go too fast, and partly because it distracts from the main topic in the sense that people wonder how I did things, and I have to do a segueway to explain the hotkey every time I use it.
11:47 "result" is not an array of urls. it is a promise that will resolve to an array of urls. 20:13 the "await" before "Promise.all" seems unnecessary since "await Promise.all" resolves to the url array, but the "fetchCatAvatars" async function will wrap the url array with a new promise after return. Instead, without the await, the "fetchCatAvatars" async function will just return a promise that mirrors the promise returned by "Promise.all".
Great Job MPJ! Wish my early exposure to programming were made by someone like you ; had a dead boring start many years ago which caused me years of resistance to joine this boat .. though am enjoying it now .. Cheers!
Thank you, I just watched all 10 of your functional programming videos, they were very good. You make it a lot more interesting/bearable than other teachers I've listened to.
Great job explaining! I'm having a talk in two weeks about refactoring stuff into using async / await, and found the way you presented stuff hugely helpful =)
Was waiting for a youtube channel like this, almost did it myself but no way was going to do it like this, been watching a while, you are doing it so right! Awesome stuff...
This was probably my favorite episode of FunFunFunction to date! The content was presented very well, the pace was on point, and the antics were excellent comedic relief. I've watched many of your videos, but this one stood out to me as being especially well-made. To me, it had just the right amount of explanation paired with just the right amount of "stream of consciousness" programming. Thank you for your great work and I can't wait to watch more!
Excellent as usual mpj. Thanks for teaching me Async/Await. I think the Patreon scheme is also a great way to help to sustain these quality shows. So I'm in!
late AF to this but it messed w/ my head a lot that the result was resolving to an array of cats until I realized that Quokka is doing that automagically and result is still indeed a promise
Hey Npj! I think the most important think you glossed over was how async await makes error handling much more sane now. You can wrap your awaits in it's own try catch which is a super win!
Very great and intereating video, especially the part when you said "Why are you watching this video, go out and look at nature" 😂, this is why the channel name is Fun Fun Function
Dude, that Patron Announcement was the best announcement I've seen on TH-cam :D The density of info/sec is also pretty nice as well :) Hope it keeps fulfilling you for the future :)
Excellent post as usual. I think you got the gist of async/await over pretty well. More importantly the though, is that Tales from the Loop on the bookshelf on the left? That's been on my wish list for too long.
I'd never heard of Quokka before. It looked awesome in your video, so I looked it up. I'm going to install and use it. I'm stoked! Thanks for teaching me something new... yet again. :)
Thanks for this great episode on async await. One thing I would like to know is best practices of error handling with async await. My intuition is that it is easier to catch at the end of a promise than using try/catch blocks. But I'm interested by feedbacks on this subject.
Hi mmpj. Another great video. I was confused with async/await vs promises and now it's clear. Thanks and cannot wait for friday morning to get the special badge :-)
Hi Johnny! So glad that I've managed to explain it well enough, and thank you so much for your support, it really means a ton, especially at this early stage.
If promises seems complicated give it a tray to "plan" in js-awe library. You programatically define in one place the control flow to free from side effects the rest of your code.
Actually, one of the biggest pros I see with async/await over plain promises is that you can use resolved values naturally, as you can have multiple async functions sharing the same scope. On the other hand, with promises, if you have a promise chain (ordered execution) and you need to somehow reuse some resolved values in different steps of the chain, then it gets a bit ugly. Because every resolved value has it's own function scope, you would have to rely on an upper scope variable or injecting the values in an array or object to carry them down the promise chain.
This if f*ng amazing. I love this video. It's explanatory, engaging, full of energy and enthusiasm, presenting the topic in a clear way - well done. I wish for more videos like this in the future : )
Wow MPJ, really proud about you, I'm glad that you are working more on your own things, you truly deserve it. You put out really great content mate, keep it going and congrats on the new projects :)
Another excellent video MPJ, I've been meaning to watch this for a while... Glad I did. I had the same feeling as you about async/await initially (ie. something like "what's the use?") but actually, this can be interesting indeed eventually! Thanks a lot.
Lol, Petyr Baelish has switched into programming! though, he's AWESOME at it! thanks buddy! your explanation is one of the best i've ever seen! crystal clear!
Hi, Thanks for your videos ! Just one thing, I think you should consider handling rejection, the code with `await / async` will be a little bit less elegant with a `try{} catch{}` Good continuation
The content was great as usual! I'm far form an expert, but what I like is that you improved the coding demo. The new tool (VSCode + Quokka) is very great for demo and live coding. I like your use of graphics (I mean the papers :)) that helps focus a on the important points. I even like the episode script. I think there is a sensitive quality improvement on the videos, a bit more professional, but with the usual good friendly feeling of the previous. I hope this make sens for you, anyway great job!
Jo Mat, where's the link to become a patreon?
+Alejandro Corredor the patreon launches on Friday morning, 0800 GMT!
Fun Fun Function awesome, looking forward to it man.
Can't wait for my BADJE
What takes longer - editing the video, or cleaning up the coffee?
haha, the cleanup doesn't take too much time actually, perhaps 20 minutes. Editing this one took over 8 hours. :)
That sh1t scared me.
I wonder how much papers you go through for those pop ups lol ; awesome & funny , thanks
Fun Fun Function if editing a video like this one takes you 8 hours, you do something wrong, bro.
This episode had everything I love about FunFunFunction - COFFEE, antics, and the usage of refactoring the same function multiple ways to illustrate concepts. I'm excited that you're going to be investing more time in your channel!
Hey J! Thanks a lot for the praise! I really appreciate comments like this that are specific about what you like, it's both so nice and helpful!
4:32 after 2 days trying to understand, 10 seconds of explanation finally openned my mind... thanks bro
Hi, you’re very nice and funny, but I found you extremely clear and easy to follow. Moreover learning smiling is the best way! You’re unique! Very good job!
Man!!. I'm using async await for about an year but still your video gives me a stronger understanding of async await. Would love to see you again in this channel.
I was right there with you for a while. "Why not just use promises?" but you have enlightened me. Thanks!
What I like about FFFn is that MPJ not only talking about stuff, he also explaining it using opposite examples! Hell yeah man!
Thanks! I really like when people call out specifics about what they like, really helps when improving the show.
I stopped at 7:43 as recommended, but the first 7 minutes was great! Thanks! Best explanation of async await I have seen.
You are so funny :D.. I have never seen any developer of this humour ! Thanks for teaching us WITH such as great sense of humour :)
Loved the reference to FF6's victory music, I gained a programming level watching this video!
"It will absolutely positively not be worth your money." I'm sold. I need that badge.
Yes! I was betting that other peoples brain works like mine when writing that part of the script.
Hi MPJ! I'm FE developer from Kyiv. Your videos are amazing, thanks for all your educational efforts!
Thank you so much for your kind words, Artem! гарного тижня!
MPJ!!!! You Rock! Glad you are back! We ALL missed you! I go back and watch your old vids as refreshers on different topics. You make code fun! Keep up the great work and you know... I LOVED the opening! (and I am way high on the OCD spectrum! ) Cant WAIT to see the next installment!
Oh and by the way.. yes I will DEF be keeping a sharp eye out on Friday! Best of luck in making this a full time gig! I totally think this is a worth while cause. Again, Dude, you make code fun!
Absolutely wonderful video. Great explanation of async and await. The insanity makes it astoundingly fun super entertaining. I love that *_Teaching is the best way to learn_*
Also worth pointing out the use of try/catch so errors can be handled if the await fails. You can still use then/catch so best to choose, which you prefer.
public async getSomething() {
try {
const data = await this.restCall();
console.log('success', data);
} catch (error) {
console.log('whoops', error);
}
}
I'm continually impressed that you can make me laugh while educating me on programming! Your presentation and editing communicate why programming is NOT boring, which is a difficult thing to communicate to non-programmers. Well done!
- Will the badge gain value as time pass ?
- Will the badge assess superiority on other human beings and alike ?
- Can the badge be used as virtual bottle opener ?
- What other functionalities / power does the badge possess ?
yes
also
yes
I missed this format of your video. Thank you for you work. I remember last summer when I was learning ES6 from your videos and then I got the job. Thank you. You probably made a big influence on my life and this is awesome.
Hey MPJ, love your videos. Very absorbing, concise, and entertaining. I've been coding JS professionally since 2012, and watching this series is helping renew my passion for the language. Keep up the great work! FYI I hit the Subscribe button right around when I heard the FFV victory music at 6:53 :-)
Great video! I'm glad you pointed out the logical non-equivalence; else I was gearing up to leave an angry comment.
Pro tip: to comment a section of code, select them (doesn't have to be perfect end-to-end selection, just the selected text has to span over those lines) with mouse, and hit Cmd + /. This is pretty standard across VSCode, Atom, Sublime etc.
In fact, it works both ways - it also uncomments a selected portion, if it was previously commented like this.
That's a great tip for coding on your own. I do, however, intentionally avoid editor trickery in the videos - partly because I don't want things to go too fast, and partly because it distracts from the main topic in the sense that people wonder how I did things, and I have to do a segueway to explain the hotkey every time I use it.
Ah, my mistake. Hadn't thought of that :)
11:47 "result" is not an array of urls. it is a promise that will resolve to an array of urls.
20:13 the "await" before "Promise.all" seems unnecessary since "await Promise.all" resolves to the url array, but the "fetchCatAvatars" async function will wrap the url array with a new promise after return. Instead, without the await, the "fetchCatAvatars" async function will just return a promise that mirrors the promise returned by "Promise.all".
You are one of the greatest teachers ever. Thank you
Love these videos, MPJ. Your humor and animation make dry subjects fun to learn.
when i see dry, the first thought come into mind was like 'DRY '...
so 20:57 requieres me to make a second comments..... for me... that's the basic example of why we need await.... great man, just great
Great Job MPJ! Wish my early exposure to programming were made by someone like you ; had a dead boring start many years ago which caused me years of resistance to joine this boat .. though am enjoying it now .. Cheers!
Thank you, I just watched all 10 of your functional programming videos, they were very good. You make it a lot more interesting/bearable than other teachers I've listened to.
You're such a good teacher and Entertainer. Thank you.. And yeah... Gosh... promises took hell out of my life...
love the high quality of your videos and the speed you talk
Without a doubt one of the best, nay, THE best introduction to a tutorial I have ever had the pleasure of viewing.
This is probably the best of all your videos that I have seen so far. Good job
Great job explaining! I'm having a talk in two weeks about refactoring stuff into using async / await, and found the way you presented stuff hugely helpful =)
Good luck on your talk!!
Was waiting for a youtube channel like this, almost did it myself but no way was going to do it like this, been watching a while, you are doing it so right! Awesome stuff...
you are not doing it like everyones else dude. and it AWESOMEEEEE....!!!
you are great, amazing teacher and a funny dude! Thanks for all your videos, I've learned so much from it.
This was probably my favorite episode of FunFunFunction to date! The content was presented very well, the pace was on point, and the antics were excellent comedic relief. I've watched many of your videos, but this one stood out to me as being especially well-made. To me, it had just the right amount of explanation paired with just the right amount of "stream of consciousness" programming.
Thank you for your great work and I can't wait to watch more!
Learning code from an Erik Karlsson lookalike really brings together both of my hobbies. Thanks for the great video!
Great video! That 'Quokka' tool looks very useful. It allows you to troubleshoot through console.logs in real-time on the fly.
Excellent as usual mpj. Thanks for teaching me Async/Await. I think the Patreon scheme is also a great way to help to sustain these quality shows. So I'm in!
Hi MPJ, awesome stuff! I had a similar feeling about async/await up to the moment when I had to use recursion, this is where it really shines.
late AF to this but it messed w/ my head a lot that the result was resolving to an array of cats until I realized that Quokka is doing that automagically and result is still indeed a promise
Production quality keeps improving keep apon week. Nice job!
Thank you so much for noticing!
Very well done! Thank you for clearing this up and showing me how to mix vanilla Promises + async await!
best part "quokka is the inline evaluation" thx man, i love u
Papers are back, wild electro swing musics appears. You are doing great MPJ
Good on you for making this a paid gig! Always been a fan, and I wish you the best success MPJ :)
Bold move, dude. Wish you all the luck, and keep awesome content flowing!
I will!
your teaching style is so good. A+++++
@19:42 for da win.. thank you. Thats the only thing that was tripping me up and not allowing for everything to be clear in my mind.
I'm so glad cardboards are back !
They were missed !
Thanks! Yeah, I've decided that I really like them, so they are back with a vengeance.
Hey Npj! I think the most important think you glossed over was how async await makes error handling much more sane now. You can wrap your awaits in it's own try catch which is a super win!
I'm glad that the flying visual aids (cards) are back!
Really nice your facial expression with clear explanation....Thanks for your course
The nesting async await calls was super helpful! Thanks!
Very great and intereating video, especially the part when you said "Why are you watching this video, go out and look at nature" 😂, this is why the channel name is Fun Fun Function
this made me pass a technical interview, mpj god
Glad to have helped!!
That intro caught me by surprise!
I think it was a nice touch
glad you like it!
Final Fantasy fanfare in my lesson keeps me interested :D
subscribed... *as i was watching 'man this guy is amazing'.... the video was super fun and educational, ill be coming back for more :)
Dude, that Patron Announcement was the best announcement I've seen on TH-cam :D
The density of info/sec is also pretty nice as well :)
Hope it keeps fulfilling you for the future :)
Not to mention laughing out loud at places and smiling throughout :)
One of the best videos on this topic
Thank you, this is the best explanation ever on the web for async/await.
Excellent post as usual. I think you got the gist of async/await over pretty well. More importantly the though, is that Tales from the Loop on the bookshelf on the left? That's been on my wish list for too long.
+Chris Ivens it is! I have not played it yet, but read through it - feels very promising. Then again, I'm a huge Stålenhag fan.
This is one of the best episodes you've made. thanks!
Congrats to your new job :) Very well deserved.
Excellent episode. Your videos are consistently getting better and better!
Also looooove the intro !!!
haha, I couldn't imagine learning programming can be fun like this. Thanks!
I'd never heard of Quokka before. It looked awesome in your video, so I looked it up. I'm going to install and use it. I'm stoked! Thanks for teaching me something new... yet again. :)
Man, these new MPJ intro's are on point!
Thanks for this great episode on async await. One thing I would like to know is best practices of error handling with async await. My intuition is that it is easier to catch at the end of a promise than using try/catch blocks. But I'm interested by feedbacks on this subject.
Yep, many people want to know about error handling, might be a great follow up.
Hi mmpj. Another great video. I was confused with async/await vs promises and now it's clear. Thanks and cannot wait for friday morning to get the special badge :-)
Hi Johnny! So glad that I've managed to explain it well enough, and thank you so much for your support, it really means a ton, especially at this early stage.
Looking forward to know more about your FunFunForum ;) Keep doing the great work!
I'm really looking forward to it too! It's going te be great. And thanks, I will!
If promises seems complicated give it a tray to "plan" in js-awe library. You programatically define in one place the control flow to free from side effects the rest of your code.
Best coding channel on TH-cam. Thanks for your excelent work ;)
Love it! Please more videos like this. I was starting to miss them
Quick question, which snippet or library are you gonna use to display live the variable result on the right hand side like shown in the video?
Actually, one of the biggest pros I see with async/await over plain promises is that you can use resolved values naturally, as you can have multiple async functions sharing the same scope. On the other hand, with promises, if you have a promise chain (ordered execution) and you need to somehow reuse some resolved values in different steps of the chain, then it gets a bit ugly. Because every resolved value has it's own function scope, you would have to rely on an upper scope variable or injecting the values in an array or object to carry them down the promise chain.
This if f*ng amazing. I love this video. It's explanatory, engaging, full of energy and enthusiasm, presenting the topic in a clear way - well done. I wish for more videos like this in the future : )
Wow MPJ, really proud about you, I'm glad that you are working more on your own things, you truly deserve it. You put out really great content mate, keep it going and congrats on the new projects :)
Great Video as always. fun starts at @19:25 :-)
These videos are gold. I just got a new job with better pay, I'll be able to afford supporting a few people in Patreon, I hope you have an account.
Another excellent video MPJ, I've been meaning to watch this for a while... Glad I did. I had the same feeling as you about async/await initially (ie. something like "what's the use?") but actually, this can be interesting indeed eventually! Thanks a lot.
12:46 For-For-Forum!
Lol, Petyr Baelish has switched into programming! though, he's AWESOME at it!
thanks buddy! your explanation is one of the best i've ever seen! crystal clear!
Hi, Thanks for your videos !
Just one thing, I think you should consider handling rejection, the code with `await / async` will be a little bit less elegant with a `try{} catch{}`
Good continuation
The cleanup for that intro would give me nightmares!, brilliant as always :D
im going to have to watch this a few more times for it to sink in.
Congrats ! You won a big fan !
Your work is amazing, where have you been all my life ?
What a really good video, thank you so much!
The best video about async in js so far. Thanks man!
Best coffee scene yet!
Hello, thanks so much for the video. I wanted to ask about the extension that you're using to preview the log directly in VS Code?
amazing quality, entertaining and an excellent presentation. Well done.
High-quality content as usual, MPJ. Thank You!
Nice way to introduce to async/await... Thanks for share the knowledge
FIRST 59 SECONDS OF THE VIDEO AND I CLICKED "SUBSCRIBE" ....i like the crazy intro....crazy tech peeps are the best :D
Great explanation! Also like for inline evaluation plugin.
Idk what is the inline evaluation pmuggin. Can u explain me please?
I like a lot the new style you use for the videos. :)
Thanks a lot! Can you elaborate more on what parts it is that you like and why?
The content was great as usual!
I'm far form an expert, but what I like is that you improved the coding demo. The new tool (VSCode + Quokka) is very great for demo and live coding.
I like your use of graphics (I mean the papers :)) that helps focus a on the important points.
I even like the episode script.
I think there is a sensitive quality improvement on the videos, a bit more professional, but with the usual good friendly feeling of the previous.
I hope this make sens for you, anyway great job!
+Mario Alexandro Santini it does! Thank you for the feedback and your nice words!
Final Fantasy song celebrating !! amazing video !! keep on making more !! by the way , which editor do you use ??
+John Nash check out the video "what editor do I use" :) th-cam.com/video/dIjKJjzRX_E/w-d-xo.html
+John Nash do note that in this particular video it's vscode and quokka as only plugin for the video, but the principle is the same.
@@funfunfunction great!
Hi MPJ, amazing quality video!!! Which camera do you use? Also which editing video soft do you use? Thanks so much!!!
Andre! Thanks for your kind words about the quality. I have made an episode about my setup here:
th-cam.com/video/gTk8nPj11Yk/w-d-xo.html
Great! Thanks!!!
That was a great explanations about async await functions. Thanks