JavaScript Callbacks, Promises, and Async / Await Explained

Join my premium 2024 bootcamp here learnwebcode.teachable.com/p/...
CodePen Callbacks: codepen.io/learnwebcode/pen/M...
CodePen Promises: codepen.io/learnwebcode/pen/K...
0:00 Intro
1:31 Callbacks
9:15 Multiple Callbacks At The Same Time
15:02 Promises
18:19 Promise.all()
23:48 async / await
30:55 .then() with async
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode

[@baranvabaharan]

Hello teacher. Hope you are doing well 😊 I am taking the JavaScript fullstack course and going through complex app. When waching the videos i pause it and do everything with you and also put comments of your explanations. Can you guide me get the most out of my learning? I don't know what to do after completing complex app. Do it again by myself? And also how to stay motivated? Thanks for taking the time to read🌷

[@LearnWebCode]

I think a good next step after that course is to practice a front-end library like React or Vue. Another good step is to create a slightly different app than the simple social network app in the full-stack course. It can be similar, but make sure it has at least one different feature that you'll have to invent the application logic for. I think motivation is something that everyone always struggles with. Personally, coffee and music help, and also doing lots of my own little experiments (instead of huge entire applications) just to make sure I understand one isolated piece of technology before moving onto something else. Also a big motivation helper is to step back and get some perspective; what I mean is, I think as soon as we learn something new we make the mistake of thinking it's not special or useful or difficult any longer. Sometimes taking a moment to reflect on how much you've learned in the last year or two; contrasting what you knew back then with what you know now, can be a super positive exercise and motivate you to keep going.

[@baranvabaharan]

@@LearnWebCode Thank you 😊🌻

[@dimitristsortanidis290]

The best tutorial on the topic that I have found so far.

[@musicofmarlon]

Amazing timing. Right while I'm in the middle of going through your React course. Really enjoying it! Your style of presentation is second to none sir.

[@shaderone07]

You are absolutely one of the best coding instructors out there. Hope you reach millions!!!

[@Brad10]

I've watched a lot of other videos and couldn't quite understand the promises until this one. Thank you.

[@KnownTechnical]

Thanks Brad, I was away on vacations. so now I have watched your content. Great Video Again

[@krishnabala8403]

Great explanation with relevant historical context! Thank you.

[@jonathanbell306]

boggles the mind how with a complicated subject like this other teachers make it even more complicated than it need be, you however have done an excellent job here, fantastic thank you super helpful and straightforward

[@itsashley2690]

Thanks Brad!! Very beginner-friendly!! Thank you again!🙏

[@jirivitek9982]

Simply the best teacher on youtube. I have bought almost all courses and I am just very mad at myself for not doing it earlier.

[@neelamchaubey28]

A big thank you for such an intuitive and easiest video on promises and async/await ever! ❤️💯

[@mysteriousmsn]

Best video on a KZbin I Found, Cristal and clear. Callback, promises, async await and promises with then or await.

[@faheemsiddiqui2680]

In past, I had gone through many tutorials to understand promise. But all my doubt get cleared in this 39 minutes. Thanx a lot from those one, who are self learner👌👍❤

[@ThuyNguyen-kh2en]

I am learning callbacks and promises in javascript and this video helps me a lot to understand them. Thankyou so much!

[@alejandroalcaide854]

This is golden, dude. I feel so much gratitude :D

[@Geek888Video]

Great video, learning the concept of promises and the async and await. It is really helpfully.

[@utsikko]

Took your great WordPress course already back in 2018 and later enrolled in the JS and React courses. The best lecturer in Udemy in my opinion. Keep up the good 👍!

[@avinashsudhanshu]

It was actually everything. I watched dozens of videos, everyone had something and lacked something. This one was like summery of all of them.

[@dhanyakumar8965]

Thank you so much, which is very helpful, Last Friday I faced the same question from an interview, waiting for observables video

[@suong534]

Thank you for the great lesson 😊

[@danielyang2221]

perfect explanation. very impressive. thank you.

[@DaveCollison]

Very handy and very instructional. Thanks, Brad.

[@rajeshwarisn1155]

Thank you so much for this video I must say how lovely is that to have such a cute cat around, I am always curious and happy while watching your videos especially to have a glimpse of your cat 🐱 ❤

[@edwardsheehan7008]

Very well put together, thank you very much

[@TetaroSeth]

Hey Brad! I've completed your "Git a Web Developer Job" course and am currently about halfway through your Wordpress Developer course (Just finished the search overlay section). If you were to make a PHP Udemy course in the style of your JavaScript one I would buy it immediately. Thanks for the great courses, I really connect with your teaching style.

[@johnravi3887]

Hi Brad, What an informational video! I really struggle with JavaScript, and your video will help me a lot. Thanks a lot for sharing this amazing video. I will be checking out the Codepen you shred in the description. I think I will be signing up for your courses as well. I have been trying to learn Javascript, and I really hope you can teach me all the important things, and how to use Javascript optimally. Thanks a lot for creating this amazing video. I learned a lot from this.

[@prashanttanwar3261]

Was waiting since long to understand callbacks from you

[@jipeejoce1353]

Impressive ! Like the 'behind the scenes' explanations to understand it .all :))

[@monitizedCode]

Watched a few videos on this… brilliant teacher

[@CodingJourney]

Absolutely superb!! 🙂💙💙

[@orebelo]

Amazing video!! Congrats!

[@LiveMusicPlease]

Hey Brad, I could NEVER understand some of the js stuff until I found your full stack course on udemy, and until then, the JS world was just a huge mess to me. I seriously need to thank you for the knowledge you've been passing on, it can change lives and it has changed mine. Thanks! Ps. Your teaching style is awesome! wish there were more people like you out there

[@OMARKM]

I feel really lucky to have known your channel

[@rangabharath4253]

Awesome as always 👍😀

[@nitinkaushik5144]

Hey Brad, You are the best teacher. Eagerly waiting for your Vue.js course.

[@firstignitor]

thanks for the good work

[@user-sh1ep9qx3z]

thanks sir for your contribution for our free work network

[@developerrijan7880]

It's a master piece Luckily got it... Thanks a lot

[@BillBrutzman]

Super Tutorial => Thanks very much.

[@Pareshbpatel]

Great tutorial on Async JavaScript. Thanks. {2021-08-25}

[@santhoshkumarmittapally5866]

Great video. Will there be a chance where you can demo this in a unit test framework like jest which does not handle this promises well Or does not wait enough to complete the test. Jest uses fakeTimers which is even pretty confusing to understand along with jest advanceTimersByTime. This video is very helpful.

[@mohamedawde9508]

I missed you Brad!

[@cryptoshow1318]

Thankyou

[@igorr4682]

Good stuff! Any chance you can do angular videos??

[@baranvabaharan]

Teacher your cat is really cute 🥰 Thanks for this video. Although English is not my native language I can understand you completely 😊

[@dmbrv]

Amazing :)

[@ameur1614]

bro i cant handle how cute the cat is

[@shubhurana4616]

Thnku very much

[@keshavanand7]

@brad schiff have you heard about cube css methadology i think you should make a video on it

[@unpluggedaman]

Thanks a lot

[@alexroy4235]

Hi Brad, thanks for priceless tutorials. Can You please give your thoughts on Deno. Is is gonna replace nodejs soon???

[@LearnWebCode]

Deno is great, but I think most articles and videos covering it last year were opportunistic clickbait. As amazing as Deno is it's hard to even begin to describe how popular and established Node is. Even if Deno's future is incredibly bright I don't think it will "replace" Node anytime soon at all.

[@wwgg1139]

at 23:00 if line 9 were to return allAnimals and line 10 was "}).then(superSecretOrder)" could you then have a pure function in superSecretOrder? i.e. one that can be tested independently of Promises?

[@techkoda]

Here for the algorithm(I'm a python, PHP/Laravel dev). Thanks Brad, this channel is so underrated.

[@tea42]

Hey quick question. What mic do you use? Looks good!

[@LearnWebCode]

Thank you! This is the Shure SM7B.

[@subarnapokharel2218]

Can I be able to do freelancing in web development if I follow brad schiff's all udemy and KZbin courses or should i have to follow other peoples courses too?

[@tamis5908]

Brad is absolutely GREAT, but as a former university prof on a journey to full-stack webdev, I follow about 5 additional main instructors, covering a variety of topics. Each instructor tends to have an area they focus on, so find someone whose style you like who receives great udemy ratings, and then take their topic-specific bootcamp courses--whether thru udemy, freecodecamp "10 hrs of free whatever", treehouse, youtube channel crash courses, etc. Having overlap of content is good too--if you don't understand the way one person is teaching the concept, check out one of the others. Also, multiple sources helps give you a variety of projects to learn with and modify/expand on for your own portfolio--also sparks creative ideas for your own unique projects. My personal favorite instructors besides Brad Schiff are Jonas Schmedtmann, Maximillian Schwarzmueller, Andrei Neagoie, Andrew Mead, Stephen Grider. All are primarily back-end instructors, but for front-end, Jonas does a fantastic job. Other people recommend Angela Yu--she's good at both front and back-end. Colt Steele is also a favorite of many, though personally I find the pace he presents topics at a bit too slow for my preference--but he does provide HUGE amounts of practice for you. Do your research--there's lots of free and inexpensive resources out there. Oh yeah--another name that keeps popping up is Brad Traversy--backend. The other thing I would suggest is be sure you get exposure to a couple different MERN stack courses and also Data Structures & Algorithms(DSA). Ran into a couple great udemy courses on DSA--one by Scott Barrett which uses animated vids to help show DSA concepts, and another by Rob Merrill that provides pseudo-code hints to help you learn to use/write Javascript algorithms. Hope this helps! Good luck.

[@gopuprakash160]

Hello Brad, I am coming from a ulti threaded world and the single threaded world Node.js is confusing me. How would Promise.all() work if Node js is single threaded?

[@areyoukidding6274]

Hi brad, everything was going good for me till 34:27 . i am little confused. Need ur help. function delay(){ const random = Math.random()*1000 setTimeout(()=>{ },random) } this is enough to make the delay, right? async function getcats(){ await delay() retun ["m", "p"] } => this piece of code return promise. why did u add this to delay function ? return new promise (()=>{ setTimeout(()=>resolve(),random) }); } i am confused when you explicitly written the word promise... Really2 need to your assistance 🙏🙏

[@LearnWebCode]

Hi 🙂, I created the delay function that returns a promise because JavaScript's built-in "setTimeout" doesn't return a promise, and I wanted to be able to use the await syntax within our getCats function. When you create a new promise you need to capitalize the P, as in "new Promise()".

[@areyoukidding6274]

@@LearnWebCode thanx brad ❤️

[@domd5841]

what mic are you using?

[@chandansayed8745]

Dear favorite tutor why don’t you build a mern todo app. Please

[@fezanbhatti1292]

I purchased your 3 courses on Udemy and now started taking the JavaScript full-stack" course. I have done lots of practice during my professional career but most of the time without understanding (Copy and Paste) or quick fix, but now understanding concepts to write reliable, better, and industry-standard code. Thanks and appreciate your efforts. Keep doing, God bless you and my great America.

[@AyushPanditofficial]

React with wordpress api lecture using graph ql

[@hussainali186]

we want redux from brad :)

[@onelook1870]

Please enable course download in your udemy wordpress course! I have limited internet......

[@sharad3877]

I just wonder do you even know how good are you at teaching code...I think this can become a great youtube channel if you just upload videos regularly

[@ranaashraf5209]

Came for the cat

[@mostafaabobakr]

Like for the KITTY 💖

[@victory_lucky]

thanks for this, BTW i have been trying to reach out to you recently, i have an offer i thought you did be interested in.

[@shahriarparvezshuvo4760]

Oh man.. She is soooooooo cute. I came here to see her. 💖

[@trini8042]

i just clicked for the cat

[@Bevallalom]

I saw a cat -> I clicked... 😀

[@jamesross5120]

how do you remember all this sh!t ? its hard enough working out how everything works

[@christinamariehicks1078]

dougys apt showtime auto..apt.3..

[@Pareshbpatel]

{2021-12-26}, {2022-01-24}, {2023-03-18}

[@christinamariehicks1078]

carolyn smith ..becca ...

[@christinamariehicks1078]

no animals ..at all..apt 3..cat..

[@MilanDrazic]

The sky is blue. this is bad. 😂

[@nfm428]

Dislikes coming from folks who don't work in IT.

[@11valdano]

9:20 cat in the background :)