JavaScript Promises In 10 Minutes

ES6 came with many new features, but one of the best features was the official introduction of Promises. Promises allow you to write clean non-callback-centric code without ever having to worry about callback hell. Even if you never write your own promise, knowing how they work is incredibly important, since many newer parts of the JavaScript API use promises instead of callbacks. Checkout the full video to learn how to define and use promises.
Promise Article: blog.webdevsimplified.com/202...
Code From This Video:
codepen.io/WebDevSimplified/p...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#JavaScript #Promises #WebDevelopment

[@WebDevSimplified]

If you enjoy promises make sure to checkout Async/Await. kzbin.info/www/bejne/jJCuo2yFiMt3m7c

[@maxrockbin]

Did something go wrong with the video upload? I'm seeing your VS Code video instead of your JScript promises video

[@WebDevSimplified]

It sounds like a problem with KZbin. That has happened to me before. Just try refreshing the page. That usually fixes it for me.

[@manishpingale6558]

Can you create a video on firebase cloud functions

[@WebDevSimplified]

I have never used firebase so I am not sure if I will cover it anytime soon

[@mpey_project]

is promise doesn't need to be declared first?

[@1polyron1]

"I promise to make the best video on promises I can." I like this guy.

[@naynyamish270]

"I promise to make a video on promises the best that I can" or "I promise to make , as best as i can , a video on promise " FTFY

[@yansun3808]

Reject his promise. I am kidding :)

[@atribhattacharyya2631]

Resolved..:)

[@JOc17KER]

00:24

[@gianfrancobriones]

He should've shown a sample of a minimum time consuming URL visit, not simple artithmetic 1 + 1. I don't like this tutotial. ~04:37

[@returnZeroo]

You resolve your promise, you make me fully understand

[@WebDevSimplified]

I'm glad I could help

[@joma0305]

Sorry for my nooby question, i am more python guy, just starting my journey into js. But i didn't get what for you need "promises"? Why you just don't use "if statement"?

[@Al_Gonzo]

@@joma0305 watch the video one more time then because he explained it multiple times

[@joma0305]

@@Al_Gonzo i did ut before your comment. If you so smart pls explain

[@joma0305]

@@Al_Gonzo or it's just a "sugar" of js pl

[@ThePazuzu]

When you're self taught your knowledge is all around the place, like you know classes, instantiation, scope, ES6, and a bunch of advanced stuff but don't know basic stuff like git. I'm in the middle of a very async heavy project on Express and was having a hard time with promises. I decided to take the WHOLE day off to look into it and it only took me 11 minutes thanks to this video. Now I can go back to my project with an extra day on my deadline. Thanks man, that was awesome!

[@notdaveschannel9843]

"When you're self taught your knowledge is all around the place". Yeah, that's where I am with a lot of coding. I've been using 'async... await' and 'fetch' without really understanding the underlying 'Promise' object. Makes a lot more sense now!

[@Meleeman011]

express can do async now lol nice. i since moved on to koa but i use express for future devs that aren't me.

[@jonathanr7603]

@@notdaveschannel9843 async await is just syntatic sugar, you need to know promises instead

[@macroxela]

I've been binge watching your videos and they are wonderful. Not too long and not too short while delivering the content clearly. Keep up the good work!!

[@WebDevSimplified]

watchThisVideo.then(() => celebrate()).catch(() => sadness())

[@aishahale5504]

watchedTheVideo.then((data)=>{ }).catch((error)=>{ console.log("error: ", error) }); ..................... CONSOLE - error: "PERFECT PROMISE VIDEO FOR BEGINNERS"

[@kevinm8865]

@Đeath Vader lol

[@garrybogdanho]

cringe (sorry)

[@davidvideauortega287]

After watching crashcourses, long, 45 min videos and articles about promises, I can say this is probably the only video that actually made me understand promises. Wonderfully explained! Thank you so much, you have a new subscriber :) And also... The amount of dislikes says it all.

[@WebDevSimplified]

Thank you! I am really glad I could help.

[@LFFebro]

You took the same path as myself. I have been taking a marathon of Async Javascript to grasp on for once and for all.

[@janithillangakoon6962]

same here

[@animeshsharma7332]

Even the official documentation by MDN sucked!!

[@faizaanannoor395]

@@animeshsharma7332 true that!

[@jandeswart1378]

Awesome! I have been struggling with this subject for a whole week. I read every resource I could find on the internet. This video finally made me understand promises in a matter of 5 minutes.

[@andrewc95]

Bro, been trying to understand this for an hour. Your video was the first where it all clicked. Thanks!

[@LFFebro]

Yeah. This is the best video from my Async JS marathon. Superb, right-to-the-point and practical explanations. You did, pal. One more subscriber. Keep up the good work!

[@jthomasaurus]

I’ve commented before, basically the same thing, but I REALLY enjoy your style of teaching. To the point, understandable examples, and clean code. This is by far the best video on Promises I’ve seen yet. Thank you!

[@WebDevSimplified]

Thank you so much!

[@miaroelants9300]

there are many webdev videos on youtube but what i like so much about yours is how calm you bring every thing (there is a general hyperactivity trend on youtube i think). videos are very clear as well. thanks so much :)

[@pritulkhan1395]

You have fulfilled the promise of conveying the tutorial of "Promises" in a very promising manner. I have liked, comment and subscribed :D

[@CaliburPANDAs]

guy explained in 11 mins what took hours for my instructor. thank you 🙏

[@jamesonvparker]

Dude.... that was a CLEAN tutorial. I can easily go back and watch it a few times to practice it. Writing a promise to console log 1,2 and 3, in order, asynchronously , was an interview question. I watched your video to re-learn the syntax. Thanks!

[@WebDevSimplified]

I'm really glad the video was able to help!

[@divinemasculine3730]

hey man did you get the job?

[@jamesonvparker]

@@divinemasculine3730 not only did I get that job. I have just recently accepted an offer from the company behind this very platform 😉.

[@divinemasculine3730]

@@jamesonvparker wow youtube??? so inpirational! can you give me tips? im from canada going through a FULL STACK coding bootcamp

[@jamesonvparker]

@@divinemasculine3730 find me on linked in. I’ll talk there

[@adityaghosh6170]

Probably the best video on KZbin that explains promises in such a lucid fashion. Liked, commented, subscribed and shared as well. Keep up the good work man.

[@christianmaoro5900]

Excellent job! A good example to explain all we need to know about it in a few minutes. No gimmicks, no blabla. Please keep going!

[@threeone6012]

The last 11 minutes and 30 seconds of my life was well spent. Great upload!

[@WebDevSimplified]

Thank you so much! I'm glad you enjoyed it.

[@samrad6508]

are you dead ?

[@luke4502]

RIP

[@skiddykakaka9423]

rest in rip

[@Al_Gonzo]

The guy liked this 11:31 long video so much that his profile picture is now his new favorite numbers, "3" and "1".

[@galinmalchev1739]

I started learning development with udemy courses. It all went great and I've been through 2 interviews so far. In one of the interviews they told me to learn the theory behind promises and it turned out that I've used it many times but that video really helped me solidify the knowledge and understand the actual logic behind them. I always seek your short and straight-to-the point tutorials for similar cases. Thank you.

[@taco564]

Just want you to know every time I look into learning new things I look for your videos first. You are the best teacher I've ever had

[@turtleboy3628]

I have spent so long trying to fully grasp node promises and this video really really explained it such an understandable way, you have earned yourself a new subscriber! :)

[@suchetasarkar7299]

I am learning a lot from you . Your videos are always to the point . As a self taught programmer, this channel is a gem . Thank you so much : )

[@helvosthecreator1920]

So how did your self taught programmer journey go? Asking for a friend 😂

[@dgua2917]

I've read so many documentations, watched so many crashcourses to try to understand what Promise is. I couldn't fully grasp its core idea until I watched this video. Your explaination is crystall clear and ver comprehensible. Mega thank you and respect to you and your channel!

[@WebDevSimplified]

You are very welcome. I am really glad I could help shed some light on promises!

[@digitalis_]

Thank you for this video! I didn't feel great about not 'getting' promises entirely, but you explained it in such a way that it 'clicked' in my brain.

[@footballarena6562]

This tutorial was like revisiting form basics to learn to pro. I read some articles about Promises and I sort of knew what this was about. But the way he gave the example, this just got stuck in my mind. thanks man

[@kvncnls]

Wow, this made much more sense than the udemy course I'm taking right now.

[@fmaciel2]

Man, you are one of the best instructors I had the pleasure to watch teaching. Your videos worth more than tenths of hours of paid courses. Thank you a lot and greetings from Brazil!

[@nigelflim]

Been stuck on learning Promises as a beginner and this has helped tremendously! Cheers!

[@theannoyingone110]

I am a very young programmer and Kyle will always be my favorite programming KZbinr out there.

[@shwethalok186]

Guess my age

[@blirdo]

Fantastic explanation! My only feedback is to increase the font size in your editor for those of us watching on mobile (and I'm sure desktop would benefit) when doing these smaller examples. Would be a lot easier to read.

[@syedalif5632]

Thank you for your excellently designed tutorial on promises.I grasped all the concepts and I feel pretty wholesome. All the codes were just ‘spot on’. Kudos to you for making such an excellently orchestrated tutorial. 🤗

[@sinisatesic8737]

Your clarity and detailed explanation is a goldmine!! Subscribed pretty much immediately lol

[@jordirhoden300]

Dude, your tutorials are amazing. Thanks for everything you teach us. Greetings from Costa Rica

[@WebDevSimplified]

Thank you! It always amazes me how many people from all over the world have seen one of my videos.

[@georgecraciun-vasilache3921]

You definitely kept your promise about the video. Good work!

[@WebDevSimplified]

Thanks! I'm glad you enjoyed it

[@magpinybo7524]

It has taken me years to understand promises but your videos came in handy, I couldn't be any more grateful. Thanks a bunch

[@dinesh2208]

Within 11 minutes, you have teach the toughest part of javaScript very easily and resolved your promise. Thanks a lot.

[@Fatalitron]

I learned more about promises from this ten-minute video than I did from an entire fifteen week web dev course in school. Can't thank you enough!

[@WebDevSimplified]

I'm really glad I could help!

[@GMIX]

Web deb course in school? I could only dream about this. The only thing i've learnt from school is how to open ms word.

[@Zephyr-tg9hu]

I really went down the rabbit hole with this one... Was initially learning about CPU hyperthreading and got confused between concurrency, parallelism, and sync and async tasks. Learning that introduced me to asynchronous code, which finally led me here. I don't even know JS lol. Really good video! I found this quite interesting.

[@Neverbeento]

This is defintely the best intro to promises I've come across. Great job!

[@feliksgoldin5781]

I am new to Javascript and you made a potentially complex subject very easy to understand. You have a talent! 10/10

[@mumblepie5367]

Also the .then can take two functions as arguments. The first one being done on resolve and the second one for reject. .catch is the same thing as .then(null, reject)

[@DamianDemasi]

.catch is not exaclty the same, becasue you can use different a "reject" for every .then, and use a common .catch at the end of the chain to catch any unhandled error.

[@techuchiha6510]

This channel is massively underrated 🙌🏻

[@WebDevSimplified]

Thanks! I think 4,000 is a pretty huge number already, but I am excited to see what the future holds.

[@techuchiha6510]

See this is what I was talking about!!! Way to go buddy!!!

[@vmusatov]

@@udeleted almost doubled 3 months later. Race for a million. I’m a new sub

[@MdARahim]

When I need to learn something about web, I first look into this channel. He never disappointed me!

[@harishkandikatla9791]

I watched 4-5 other videos about callbacks, promises before watching this video, was not satisfied. I am very much satisfied with your explanation in just 10 mins. Great 👍

[@WebDevSimplified]

Thank you! I try to make all my videos as concise and informational as possible. My goal is the be the channel with the most learning per minute of content.

[@chris94kennedy]

@@WebDevSimplified Yeah think we can all agree you're pulling that one off. Congrats on your engagement also, huge

[@rmewse3616]

This is amazing! Thank you so much 😊. You explained this perfectly. I have been trying to learn this for weeks and I’ve been failing but I just learned it in 10 minutes! I completely understand this now, thank you! YOU HAVE A NEW SUBSCRIBER 😄😄

[@WebDevSimplified]

Thank you so much! I am really glad I could help, and I hope my other videos are just as helpful.

[@rmewse3616]

Web Dev Simplified thank you

[@georgemarwanqana3478]

Top explanation. You are naturally gifted with the power to simplify things. Was stuck on the topic for about an hour. Crazy that i could understand this in just 11 minutes

[@fighter8931]

Your video is 5 years old, But I think it’s still the best.

[@DJDELLANNIE]

I read the entire MDN section on Promises and 11 mins convert me into a promise pro thank you sir

[@johnchase9054]

The promise code for the first example gave me a “Promise {}” when a = 2. It gave me the correct result when a = 3. Ran straight and with localhost. Both were the same, thoughts?

[@WebDevSimplified]

It sounds like your promise is never calling resolve or reject. You might want to check to make sure that your if logic is correctly setup so that either resolve or reject are always called inside your promise.

[@techhousemedia8727]

Promise has three states which are; 1. Pending, 2. fulfilled and 3. reject. when you defined a promise in a function, that function remains in a pending state untill you run the code and now result in a certain condition base on your logic, that is when the function will enter into being fulfilled or rejected.

[@FaceMaskHenry]

you can try "Promise(**).then(**).then(**)". Means try to see in second "then"

[@cricketjunkie9050]

I came here to understand promises, callbacks, arrow functions as these are extensively used in Block chain for JavaScript representation of smart contracts. After watching your videos, I developed an interest in learning the whole JavaScript. Such a simplest explanation. You indeed lived up to your promise of delivering a good Promises tutorial!!! Good job! Keep it up!. You got a new subscriber! :)

[@ChrisWidner]

Spent 2 hours yesterday trying to figure this out. 7 minutes into your video it suddenly makes sense. Thanks for making a great video.

[@Samuel.Collier]

"...and that cats are better than me" 🤣 Thanks for your help

[@WebDevSimplified]

You're welcome! I'm glad I could help.

[@yongwen1383]

You have explained it so well, thank you

[@WebDevSimplified]

I'm glad I could help.

[@aishwaryam1052]

Best video on promises. I have seen so many videos but none of them made sense to me except yours. Thank u

[@kashishchawla8016]

Kyle you are legit one of the best out here, the way you explain is so simple yet spot on. Thank you so much man....

[@esofialo23]

Thank you so much for your videos! You have a great talent for teaching :D I wish college teachers were like this, mine would only read their PPT in class :(

[@alexdorrington]

So like then ==> runs for resolve and catch ===> runs for reject

[@ImperioTeixeira]

So far your video was the best one I've seen explaining Promises and I'm thankful to you for that, I actually understood what Promise is.

[@bikramrawat3424]

You are really capable of making complex things much simpler, the way you describe is awesome, definitely you resolved your promise to make best video ever on promise :)

[@v4runs]

That feeling as a Java developer to see statements ending without semi-colon...

[@WebDevSimplified]

It is a great feeling.

[@DutchRatedGamers]

@@WebDevSimplified While I like it, I consider it a bad practise whether it's allowed or not. But I find JS rather messed up anyway. -- Don't attack me on it though, I use it when needed (Which is currently using NodeJS + Electron).

[@kshitijsharma2121]

Why do all coding tutorials have these comments like 'super simple explanantion' "best video ever" ...no matter how bad the explanation was. It will always be a mystery to me

[@user-vw5si9oe5v]

I was comfused by promises for a long time , this video really help a lot .simple and clear .Thanks man

[@syntapy9797]

2 min in and it made more sense than the 5 or so written tutorials I found online. Thanks. Your promise has been resolved

[@RoshanKrSoni]

Dislikers thinking that button is for download this 😂

[@karthikmatreddy7095]

😂

[@maksymkloka5016]

Ok. Two things: 1) slow down about 2-3x. 2). As someone that is being forced to take JavaScrip for a CS major, I can't help but notice how terribly JavaScrip is compared to other programming languages... literally feels like a house made of scraps ... there just isn't any clear consistency or common sense built into this language ... it's all just a bunch of strung together libraries and weird syntax that was build over whatever was there before ... everything seems to be based on word of mouth and experience rather than the structured and consistent approach used by other programming languages. I thought Python was terrible, but JavaScrip takes it to the next level of confusion. Somehow the claim is that this makes things faster and easier, but all I see is a bunch of unnecessary complexity that could be simplified by going back to the basics.

[@ITSplit]

You are so right about this!

[@karthickselvam8606]

Dude Javascript is a language that was built for browsers initially.Today the many versions of JS introduced new syntax which is confusing but there is a reason behind the weird things of JS. Its cause of 2 things they are doing at the same time, one is they don't want to break the code written a long time ago another is they are making development easy for the devs by implementing new features and syntaxes..Javascript should have a backward compatibility always.

[@Henry_Red]

Bro, what are you talking about? I had to put the video in 1.25x because it was too slow.

[@udaya9896]

i took a seminar of this video and i got appreciation from my manager and my team mates. Thankyou for the video

[@butlerfuqua]

I FINALLY understand promises, thank you! Why has no one else made it this simple?! Much appreciated!

[@emarekica]

This was simple, clear and straight forward. Great job, thank you for putting in the time.

[@iiinicky6224]

After a lot of reading and a few re-watches of your tutorial, I finally have a basic understanding. Thanks!

[@christopherclemmons851]

Thank you for getting straight to the point. Im glad you used only the resources needed for learning this topic. Well done.

[@pooCBH]

Thanks Kyle! You are such a good teacher and explain things so well. I have wasted hours trying to figure out promises :)

[@beverlyHillsAgent]

Thanks, Kyle. You make the best JavaScript tutorials on KZbin. Not one of the best, but the best.

[@HellesMammuthBS]

I adore this and your other videos!! Is there a way to combine that race with all? SO that after each Promise is finished, each one hands out the message.

[@DeepakBhandarideerock]

This channel needs way more credibility and subscribers than it does at the moment. Best web dev channel in whole of youtube. Thanks Kyle.

[@fokspoks]

You completely resolve your promise and got success in your ideas of teaching viewers about Promises. Thanks.

[@FrontendFLow811]

okay !!this is something which defines this youtube channel extremely simplified thanks buddy 😊

[@rahulchhillar9736]

bro so simple and so straight and so much to digest in single video. very much appreciated.

[@fr0zenofficial60]

Ok, cool! Thanks for sharing those examples. I was terrified of the Promise Object. Now I can use it for my school project! Perfect tutorial!

[@vladimirzizic6874]

It`s been such a challenge to understand Promise, callbacks, tasks, schedules, async/await ugh!! This explanation was the clearest one so far! Thank you !!

[@abdihakim391]

You really simplified my javascript learning journey thank you kyle, Hats off for you 🎩

[@Greatfulone]

Thank you so much for taking the time to create this tutorial. I was struggling with this and needed this helped so much.

[@jojobobo1815]

i started with the full stack course but have digressed 4 videos now in order to catch my knowledge up. thank you for referencing these videos that contain the requisite knowledge i didnt even know i was looking for!

[@johnpummill9443]

Great job on this video. One of the easiest tutorials I've seen on promises. Thank you.

[@mahmodsamir5110]

We all have to appreciate your effort for making this simple

[@AshishRauniyar01]

You are one of the best teachers. I am glad I found your channel. Really appreciate you and your effort. Thank you :)

[@justinstarr1667]

Just a reminder that Callback Hell IS a real place where you WILL be sent at the first missing curly brace. In all seriousness though, great walkthrough!

[@hectorg362]

Was reading the MDN article over Promises and half way through I was already falling sleepy. decided to come here instead and understood it lol. Thanks m8

[@manimirzaaa]

I am an experienced developer but haven't used promises till now, there was piece of code I was trying to make sense from another developer and he as using promises. This video really help me in this regard. Thanks

[@sandeepdharwar247]

One of the best quick and simple explanation of concepts! thanks @ Web Dev Simplified. Promise resolved!

[@esilee]

Thank you for all these videos!!! Your explanations make it so simple to understand! 🙏🏼

[@nikamanvelidze]

Honestly I'm addicted to your videos, so simply explained. THANK YOU A LOT!!!!!

[@user-be6wh2wj1y]

You just saved me man. I've been reading my course material over and over, watching their videos for days and I wasn't computing a thing. You're doing the Lord's work, Bravo!

[@love4photos]

Hehe I had to subscribe after seeing the callback message. You explain things so clearly at a nice pace! Thank yooou 🤗💕

[@aaronasuncion1279]

man you make learning JavaScript less intimidating to learn and definitely more understandable! Cheers man!

[@opeyemioyelesi5088]

This is by far the best video I have watched explaining promises in Javascript. Thanks @Web Dev Simplified

[@brunobrasil3419]

Love your straightforward lessons! Thanks, Kyle.

[@alexyambao6115]

Easy to follow, good explanation. Wished I watched this year's ago when first learning promises.

[@miguelormita]

Thank you so much! Sometimes, if I find topics complicated, I feel like I can't breath and take lots and lots of break. lol. But this tutorial makes it easy to understand the topic.

[@johnatteo822]

Just wanted to say great Job! This is the best explanation on Promises that I've came across. Kyle You Are Resolved!

[@tomislavzivkovic3978]

I learned more about promises and callbacks here then on any other place. It is short but understandable. Other videos too. Congratulations.