Fetch API - JavaScript Tutorial for beginners

Published: 05 March 2023
on channel: ColorCode
105,024
4.2k

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:
https://free-apis.github.io/
https://publicapis.dev/
https://rapidapi.com/collection/list-...

ColorCode Etsy Merchandise store:
https://www.etsy.com/shop/ColorCodeStore

Episode 11: Asynchronous JavaScript:
   • Async JavaScript & Callback Functions...  

Episode 12: JavaScript Promises:
   • JavaScript Promises  -- Tutorial for ...  

Episode 13: Async Await
   • Async Await vs. Promises - JavaScript...  

Using Fetch (MDN):
https://developer.mozilla.org/en-US/d...

Full playlist here:    • 20 Things JavaScript Developers Shoul...  

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:
https://www.colorcode.io/js-mastery


On this page of the site you can watch the video online Fetch API - JavaScript Tutorial for beginners with a duration of hours minute second in good quality, which was uploaded by the user ColorCode 05 March 2023, share the link with friends and acquaintances, this video has already been watched 105,024 times on youtube and it was liked by 4.2 thousand viewers. Enjoy your viewing!