Fetch API - JavaScript Tutorial for beginners
Рет қаралды 89,617
Күн бұрынJavaScript Fetch API, how to use in with Promises, how it is different from XHR, and why use it?! This is episode 14 of 20 things Javascript Developers Should Know But Probably Don't.
00:00:00 Intro
00:00:45 What is Fetch?
00:01:51 Request()
00:02:52 Response()
00:04:09 🔴 Demo: Simple GET
00:08:12 🔴 Demo: Simple GET with Parameters
00:10:58 Request Parameters
00:12:10 Headers
00:12:49 🔴 Demo: Headers
00:17:12 Error Handling
00:17:41 🔴 Demo: Error Handling
00:26:24 History of Fetch and XHR
00:25:40 POST Request
00:28:00 Why Fetch?
00:22:59 Outro
Links mentioned in the video:
List of Free APIs:
free-apis.github.io/
publicapis.dev/
rapidapi.com/collection/list-...
ColorCode Etsy Merchandise store:
www.etsy.com/shop/ColorCodeStore
Episode 11: Asynchronous JavaScript:
• Async JavaScript & Cal...
Episode 12: JavaScript Promises:
• JavaScript Promises -...
Episode 13: Async Await
• Async Await vs. Promis...
Using Fetch (MDN):
developer.mozilla.org/en-US/d...
Full playlist here: • 20 Things JavaScript D...
JavaScript Promises from the series "20 Things JS Developers Should Know but Probably Don't"
by ColorCode.io, Sina Jazayeri
** Announcement **
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:
www.colorcode.io/js-mastery
@ColorCodeio Жыл бұрын
Fetch API 🕺🏻👨🏻💻🎉 from the series 20 Things JavaScript Developers Should Know but Probably Don’t’.
@munnakhandakar1724 10 ай бұрын
make video on event loop 🔁
@abrorkhanabdurakhimov2461 6 ай бұрын
are try and catch methods common used than .then and ,catch methods ?
@ebcoutinho 4 күн бұрын
I'm a JS/TS junior developer from Brazil. Thank you so much for sharing your knowledge with us! Really, you did a great job, my man!
@itsanuragjoshi 17 күн бұрын
This is probably the best, simplest explanation I could find on KZfaq. Great work :)
@ColorCodeio 6 күн бұрын
🙏
@aboveandleon4267 3 ай бұрын
Just started my coding journey about 3 months ago. I'm so glad I found your channel, just by watching this one video I can tell that you are a phenomenal teacher that not only explains things really well, but you just make it super fun to listen to. Thank you!!
@ColorCodeio 3 ай бұрын
Great to hear! Good luck in your journey.
@ClashRoyale-pt9zj 10 ай бұрын
Sooner or later you'll get even more audience, that's for sure. Your quality is kinda unique here about JS (not boring, completely understandable even for foreigners and showing a great depth of knowledge at the same time).
@ColorCodeio 10 ай бұрын
Thank you 🙏🏼
@d.minkov 8 ай бұрын
@@ColorCodeioWhy no videos anymore 😢
@mohammadabbas1623 10 ай бұрын
man, i can listen to you for the whole day, so calm..
@clash1469 3 ай бұрын
This is the best tutorial series I've seen yet. The production quality is excellent, the information is delivered in a straight-forward, understandable manner and I don't even hate all the puns. Very, very nicely done. Thank you for all the work that obviously went into this.
@ColorCodeio 3 ай бұрын
Thank you for taking the time to tell me that :)
@thebunsenburner Жыл бұрын
Your videos are literally giving me the willpower to continue with my current assignment. Thank you! Excellent work, honestly.
@ColorCodeio Жыл бұрын
Don't give up. You got this 👊
@scottldn 8 ай бұрын
Consistently some of the best explained videos on these more advanced JS topics, really appreciate the time and effort being put into these!
@ColorCodeio 8 ай бұрын
Much appreciated!
@edhead76 4 ай бұрын
you're the trendiest youTube developer, man. your style is sick and your tutorials easy to follow; they make the user feel at ease. thank you for all these awesome series you've put together. I feel much more competent as a developer because of your wisdom.
@ColorCodeio 2 ай бұрын
That's awesome, thank you!
@orrodrigez5051 Жыл бұрын
I'm so happy to see you continuing with the series :D Whenever someone is stuck on one of these topics i send them right to your videos!
@ColorCodeio Жыл бұрын
I appreciate that
@jacobwwarner 5 ай бұрын
I've been binge watching your videos over the last few days. Your natural, conversational delivery is absolutely brilliant. There are so many people doing JavaScript (React) project based tutorials, but this has been really nice series on vanilla JavaScript features. It's really helped me understand promises and async-await more clearly. I'd love to see a playlist series on Node.js and web servers. I'm not sure where your technical focus is, but understanding the more basic, core functionality and features of JavaScript on the server would be of great help to me and possibly others. So, to clarify not exactly a project based tutorial video playlist of how to use Node.js, but something like this where you're focusing on specific features of Node.js. Again, I'm not sure if that aligns with your interests and expertise, but it would be nice. Thanks for the work and commitment to these video series!!
@ColorCodeio 5 ай бұрын
Thanks so much for your comment.
@mirjalol_shamsiddinov Жыл бұрын
the best the best the best. this was so needed to me, tomorrow i gotta do lecture about Fetch, this video is the best. i know i used the word best a lot, cos this person deserves that
@ColorCodeio Жыл бұрын
Thank you, good luck with your lecture!
@khouloudbenromdhane1524 Жыл бұрын
Oh my god, i LOVE your intros and i am enjoying them, specially this one, keep it up!
@ColorCodeio Жыл бұрын
Thank you :)
@arthurbulat9532 Жыл бұрын
Awesome just as usual! You got the most stylish and informative tutorials
@ColorCodeio Жыл бұрын
🙏
@kooroshirani 11 ай бұрын
you are the best teacher i have ever seen thank you please go on and create a lot of programming videos درود بهت آقا سینا
@user-kn4oi9oh4i 2 ай бұрын
You're an awesome and amazing teacher! The topics that you teach are the hardest to understand and yet you managed to explain it so well! Thank you for creating this chamnel! I shall send this series to some of my programmer friends ❤
@user-kn4oi9oh4i 2 ай бұрын
Omg, while I'm watching the tutorial, I can't help but to be happy because Im starting to understand API which I wasn't able to understand in some other courses and tutorial that I watched months ago. You are truly an angel good sir.
@ColorCodeio 2 ай бұрын
Awesome! Glad to hear
@Poprostuoskar359 Жыл бұрын
was waiting ages for .this vid :), great work!
@12345678uygfcxdrtghn Жыл бұрын
I enjoy watching your tutorials alot! Keep up the good work!
@ColorCodeio Жыл бұрын
🙏
@nike_fake 8 ай бұрын
the best video on fetch api i have found on youtube
@ColorCodeio 8 ай бұрын
Awesome!
@th3ja 5 ай бұрын
New to your awesome channel! Been enjoying the Js series! Btw, your teaching is top notch. Explanation and examples are crystal clear! Excellent for learning fundamentals. Keep up the great work!
@ColorCodeio 4 ай бұрын
Awesome, thank you!
@matts9063 6 ай бұрын
Really great video! Love the style, music, pacing. Awesome work and thank you for the help!
@ColorCodeio 5 ай бұрын
Thank you!
@dylanrh Жыл бұрын
it's always so entertaining to watch one of your classes! thank youu
@ColorCodeio Жыл бұрын
Thank you!
@erfanlatifi5342 Жыл бұрын
salam sina jan merci az khodet va qoli babate video hat sabke tozih dadanet va energy e ke dari kheili khafane hamishe movafagh bashi .
@akashkadam2741 10 ай бұрын
I'm currently learning js and this series is a game changer, thank you ColorCode
@DennisMinard 9 ай бұрын
As a Test Automation Engineer, about a year ago I switched my C# brain over to JavaScript because I was building my test framework with Cypress. I've been stumbling along the whole year with no formal training, just getting by in making my tests to work even though I knew that I really didn't understand why sometimes the way I wrote the code worked, and sometimes not. Most of the tests start off calling many level nested promise-then blocks because to get the website up takes a lot of steps. Your series has been absolutely what I've needed and given me lots of ideas on how to refactor my code! Thanks so much for your series! Keep it up.
@ColorCodeio 9 ай бұрын
Want to make sure I reply to your comment before it gets lost in the shuffle. First, I appreciate your kind words and the fact that the videos have helped you. But also this is something I personally deal with on a daily basis in my day job as an engineering manager. I’m a big advocate of Cypress and automated testing. We use it in my organization, it’s such an underrated tool for building resilient software. The unfortunate thing about it is what you mentioned: most JS developers don’t actually know how the language works without significant help of modern frameworks, or even sometimes with them. So, I feel your pain, I’m glad you’re making progress, and I wish you a ton of success. Don’t give up.
@UFO_808 Жыл бұрын
Dude, I love your style of teaching and sense of humor
@user-uv6wv7xz4q 8 ай бұрын
never seen a video like this before i learnt coding from a lot of resources even paid ones, and none of them matches the quality and ease of explanation and only giving what is important and to the point
@lydiabylicka4175 Жыл бұрын
You and your explanations are amazing! I really enjoy your fun attitude and your being so concentrated on what you are trying to explain to us, without getting off topic! I like the fact that you're mindful of us - beginners audience - and that you don't use all professional IT jargon, but down-to-earth vocabulary, really appreciated :)
@ColorCodeio Жыл бұрын
Thank you
@bsrat4395 7 ай бұрын
i love how sarcastic he is and i've only watched his video for like 2seconds...wow!! keep it up man
@asmaakhalidy3775 9 ай бұрын
i loved the way you break down things and your positive energy 😊. Thank you 🙏!
@jayteecollins1279 4 ай бұрын
bro im impressed how you deliver this tutorial! just subscribed
@Reeko571 3 ай бұрын
I've been really liking all your videos lately! keep it up :D
@ColorCodeio 3 ай бұрын
Thanks, will do!
@luckydude2231 9 ай бұрын
Sina! I really have enjoyed your videos, very helpful and engaging. I love the way you present the information and your personality!
@ColorCodeio 8 ай бұрын
Thanks lucky dude!
@sabu4539 8 ай бұрын
love your vids. would love to see recursion, hoisting, pure/impure functions, shallow/deep copy and memoization
@awaismohsin345 Жыл бұрын
Wellcome back Boss, I was waiting ❤
@ColorCodeio Жыл бұрын
🤘
@AtmaniChouaib 9 ай бұрын
You content quality is just perfect, unlike other boring coding tuts, thank you this was really helpful
@ColorCodeio 8 ай бұрын
Glad it helped!
@user-di1pl3yy6o 6 ай бұрын
wow. This is so helpful and in same time so amusing that I can't even decide for myself whether it was an entertaining or educational video. Many thanks for great time ❤
@ColorCodeio 6 ай бұрын
I'm so glad!
@caiovidinha 11 ай бұрын
Cheers from Brazil (First text in the news API response was in portuguese, but refering to an accident that happened in Italy) Your content is saving me in my journey to become a full stack developer
@ColorCodeio 10 ай бұрын
Glad to hear it!
@user-hc9yz8jz7d 7 ай бұрын
Please just keep uploading, you are giving your knowledge on a so special way, fun and easy, the way that nobody else does. I see you as an idol for myself👍❤
@ColorCodeio 5 ай бұрын
Thanks! Glad to hear
@spooki6637 4 ай бұрын
I can’t believe this is free. You can charge thousands of dollars for this series truly high quality
@johnforeverrules Жыл бұрын
glad that you are back sensei
@ColorCodeio Жыл бұрын
🙏🥷
@toms3903 8 ай бұрын
Fantastic lessons and professionally done! I stumbled over your lessons while searching on the topic of API calls. It's the best explanatoin of async vs sync, callbacks and promises related to JS I have seen so far. I took several JS courses, but haven't heard or read anyone explaining it as well as you do. And now I will start from lesson 1. Thank you for this amazing information!
@ColorCodeio 8 ай бұрын
Thank you for very much for the comment! Glad these have been helpful for you.
@kamrulislam3841 9 ай бұрын
Raw knowledges are the backbone of a great developer. Thank you for great teaching
@mrgidget5495 Жыл бұрын
Best js series by far. Thank you!
@ColorCodeio Жыл бұрын
♥🙏
@sleepysapphire2349 Жыл бұрын
The best series on Javascript Intermediate and Advance concepts!
@ColorCodeio Жыл бұрын
Glad you like it!
@moneyfr Жыл бұрын
Your work is so clean. Thank you
@ColorCodeio Жыл бұрын
Ty!
@user-lc9sk4em5b 4 ай бұрын
Great work, awesome explanations
@vishtrinity 5 ай бұрын
the best explanation for promises ,async await and fetch till date...ur channel is really underrated ...i would say its the gold standard of adv js tutorials...thanks for the 20 part series
@ColorCodeio 5 ай бұрын
Much appreciated!
@ugaasxnaz6926 Жыл бұрын
Please don't give up! Your videos are incredible!
@ColorCodeio Жыл бұрын
Thank you :)
@sudiptasaha8905 Жыл бұрын
Finally my request for DOM API has been accepted. Really looking forward to the next episode for another great content.
@ColorCodeio Жыл бұрын
Coming soon!
@harvard004 11 ай бұрын
Need you back Sina! How about a short on using Fetch with CURL? Jest testing/mocking videos? Time/Space complexity? Git/github? React? Love your content - has helped me tremedously.
@daniillitvinenko4348 Жыл бұрын
Thank you man. Excellent edition.
@namankeshari7332 9 ай бұрын
Your videos are soo freaking good!! Just love it!
@solide_ahmed7907 11 ай бұрын
thank you so much i watched all the 14 series and what an awesome explanations !!
@ColorCodeio 10 ай бұрын
Glad it was helpful! More coming soon.
@ivonnebenites3308 8 ай бұрын
Thank you, this video about the 'fetch' method helped me understand more about how to retrieve and send data from APIs using 'fetch' 🙏🏿⭐
@eumm11 Жыл бұрын
awesome like always, can't wait for the dom api!
@ColorCodeio Жыл бұрын
Coming soon!
@vinception777 9 ай бұрын
Actually love the fact that you went to search for some TOOL with your request, I definetly did great subscribing to this channel, thanks for all the knowledge sharing in this serie, it was of great help to me :)
@bernardsamapoh3619 Жыл бұрын
Really enjoy this episode. Thanks a lot.
@ColorCodeio Жыл бұрын
Glad to hear it!
@hrvojemarjanovic9188 7 ай бұрын
Wow, after 20 secs, must say, totally original, just going to watch all previous parts. 👏👏
@ColorCodeio 5 ай бұрын
Thanks!
@quent_8082 6 ай бұрын
u are the greatest teacher ever. keep up the good work.
@ColorCodeio 6 ай бұрын
Thank you!
@MarcosDemian 7 ай бұрын
Really outstanding explanation. This is my first exposure to this channel and I will definitely subscribe
@ColorCodeio 7 ай бұрын
Welcome aboard!
@michi19935 5 ай бұрын
That was a really good and also fun tutorial - keep it up
@ColorCodeio 5 ай бұрын
👍
@user-uv6wv7xz4q 8 ай бұрын
need more content like this from you, a course on react will be awesome
@jaygarricktheflash Жыл бұрын
Fetch betta have my data!!! You have probably the most confortable learning enviornments. I appreciate the effort creating wonderful atmosphere and visual effects.
@shoaibkhan9644 Жыл бұрын
content : brilliant way of teaching : top class just found a diamond in youtube mine please don't stop making videos on javascript
@ColorCodeio Жыл бұрын
🙏 thank ya
@ComputerScience-pd7nd Жыл бұрын
Great video. Thank you so much for this.
@ColorCodeio Жыл бұрын
You are so welcome!
@AustroPower Жыл бұрын
Much love for the effort you put in bro, great tutorials! Keep it up! Subbed of course :)
@ColorCodeio Жыл бұрын
Glad it was helpful and thanks for the sub.
@maximusquietus 10 ай бұрын
I've been going through this series the past few days. Each time I went back to your channel it would play the beginning of this video. It was funny every time. 😄
@ColorCodeio 10 ай бұрын
Welcome back! 😀
@voxmor 3 ай бұрын
Very well explained, thanks!
@ColorCodeio 3 ай бұрын
🙏
@harikrishnanpandyan5684 Жыл бұрын
Waiting for it 🔥🔥🔥🔥
@ShubhamPatil-di1nx Жыл бұрын
very informative and helpful
@AurelioPita Жыл бұрын
Great quality. i need these videos to send to junior developers. Many thanks.
@ColorCodeio Жыл бұрын
Thank you
@iyegeremeriton6793 Жыл бұрын
I really, I mean really love how you explain concepts, just a minute into this video and I subscribed ✌️
@ColorCodeio Жыл бұрын
Fantastic. Thanks for the sub.
@Noahmetix 8 ай бұрын
Your videos are amazing, I watched a lot of videos trying to understand and this was the only one that helped me understand, Thank you for creating theses contents.
@ColorCodeio 8 ай бұрын
Great to hear!
@KV-gz4vr 2 ай бұрын
your content is good and well explained, thanks bro
@siddharth8911 6 ай бұрын
Best video on fetch i have ever seen. You nailed it bro 🤜🤜🤜
@ColorCodeio 5 ай бұрын
Thanks!
@imranmani2036 Жыл бұрын
I started watching your episode 3 months ago and I really learn a lot from your videos super quality content I've found with amazing explanation. I was waiting for upcoming videos and the day is come. Thanks 🙏 love from Pakistan
@ColorCodeio Жыл бұрын
That's great. Thank you for sharing.
@codinghermit5162 Жыл бұрын
i loved this episode so much i felt as if i was watching a movie for codes 🤩
@ColorCodeio Жыл бұрын
😄🍿
@YisneySoto Жыл бұрын
@@ColorCodeio hey, thanks for your videos, they have helped me a lot. I like the font of your code, how is it called.
@ColorCodeio Жыл бұрын
@@YisneySoto monaco
@YisneySoto Жыл бұрын
@@ColorCodeio thank you. I had already found it. Now I'm curious about the color theme. Thanks in advance! 😊
@jardagalvao 3 ай бұрын
Amazing content man. Thanks 👌
@ColorCodeio 3 ай бұрын
♥️
@tylerdrummond91 Жыл бұрын
You are a great teacher! Very clear examples, well paced and best of all, delivered with fantastic humour. I’m subscribed for life and looking forward to learning more from you. (Though hopefully it doesn’t take me all life to learn this language 😂).
@ColorCodeio 11 ай бұрын
Thank you
@brazilianmmalegends 9 ай бұрын
Hey, I'm Brazilian in the first semester of Computer Science and your videos have helped me a lot with some subjects... Your diction is very good for non-native speakers... It's not that I can't understand another Americans, but with you I understand as if you were speaking Portuguese to me lol... Thanks for the content :)
@ColorCodeio 9 ай бұрын
English isn't my first language either, so I'm very glad you find this content helpful 👍
@brazilianmmalegends 9 ай бұрын
@@ColorCodeio Oooh that's explained... Thanks for the good content, it's helping me a lot. Hugs from Brazil (Brazilian greeting lol).
@christhornham 4 ай бұрын
Excellent video! Thank you.
@ColorCodeio 4 ай бұрын
Thanks
@tiagdvideo 8 ай бұрын
This is the best tutprial on this topic by a huge margin. Going to look back through your other videos and I hope you do more Thanks
@ColorCodeio 8 ай бұрын
Thanks, will do!
@bendanielspercussion Жыл бұрын
I love your videos!! Keep it up!!
@ColorCodeio Жыл бұрын
Thanks Ben
@alexsokolov4537 Жыл бұрын
Brother, you are the best out there!!! Thank you!!!
@ColorCodeio Жыл бұрын
Appreciate that
@oncoding4520 10 ай бұрын
Love your content. Love your humor love your explanation. I just checked if there is any posts :) Keep going :)))
@trueWordss. 10 ай бұрын
I wish you could upload whole js course from basic to pro. The way of your explanation is just amazing.
@freak7053 5 ай бұрын
Hello thank you for the explanation, it was smooth and I didn't even need to go back
@ColorCodeio 4 ай бұрын
Great!
@cholo2605 7 ай бұрын
Amazing video !!!! thanks chief
@ColorCodeio 7 ай бұрын
🙏
@reagan574 Жыл бұрын
Best tutorials on KZfaq 😍
@ColorCodeio Жыл бұрын
Glad you like them!
@alex_blue5802 11 ай бұрын
Oh no I reached the end. I'm an experienced developer but I've learned so much about the underlying logic of JavaScript by watching this course. I hope the new one comes out soon.
@ColorCodeio 10 ай бұрын
Glad you like the videos. They're not purely made for beginners. More coming soon.
@aleksazlatkovic4663 Жыл бұрын
Damn, this video is superb. You are the most entertaining and charismatic person I've ever seen on the internet. I truly love your energy. Before I watched the video, I was kinda sleepy and didn't feel like studying at all. However, after the first 10 seconds of the video, you didn't only make me laugh but also made me deeply interested in the matter. Please, do keep making these videos man. You will hit 100.000 in no time. This quality of teaching, editing, and explaining, left me speechless. 😁😁😁😁😁😁😁😁
@wzt9376 6 ай бұрын
I rarely comment to be honest but hands down you are really the best teacher I have found to explain all of this. Sad we dont get as much videos as I would hope but I also get that such quality content takes time. I had so much fun learning with you I hope we see the masterclass soon. 😊
@ColorCodeio 6 ай бұрын
Thanks for saying that. A lot more videos coming soon. I promise :)
@Mcbaguette714 11 ай бұрын
Thank you so much for this!
@ColorCodeio 11 ай бұрын
♥️
@endfine9230 2 ай бұрын
Thanks for such Qolity content, I finally started to understand the topic of asynchrony🥳
@user-mj2xg8qj5g 11 ай бұрын
the intro cracks me everytime :D
@SAL13666 9 ай бұрын
great explanation great sense of humor great edit great background music great jokes ffs even great taste in music i love your video man keep it up your channel will blow some day
@ColorCodeio 8 ай бұрын
Much appreciated!
@atsgames807 7 ай бұрын
i love your explining style
@215Leon215 Жыл бұрын
Fantastic video as usual!
@ColorCodeio Жыл бұрын
Thank you
ColorCode
Рет қаралды 27 М.