Fetch API Explained - Working with Data & APIs in JavaScript

Channel:
United States codeSTACKr
Subscribers:
295,000
Published on ● Video Link: https://www.youtube.com/watch?v=djCuFrLLjVk


Category:
Tutorial
Duration: 18:59
34,023 views
1,011

The Fetch API was introduced around the same time as JavaScript ES6. It is a much cleaner promised-based API as opposed the the old XMLHttpRequest (XHR). Fetch is easy to use and does not require any third-party libraries.

Do you want to learn how to work with data in web applications? How do you retrieve, collect, and store data?

In this video we'll cover the basics of the Fetch API and learn to perform HTTP GET and POST requests with the API by demonstrating real world practical examples. You'll learn how to work with APIs and parse it's JSON or image data.

πŸ‘€ Code for this video: https://github.com/codeSTACKr/js-fetch
_____________________________________

πŸ“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

πŸ› οΈ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚒 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

πŸ’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #JavaScript #learntocode



Other Videos By codeSTACKr


2020-01-01JavaScript in 90 Seconds #JavaScriptJanuary
2019-12-30Channel Update 2020 - The Future of codeSTACKr
2019-12-21JavaScript this Keyword Explained In 3 Minutes
2019-12-11CSS Position Explained In 6 Minutes
2019-11-29Web Developer Roadmap 2020 | A Guide To Starting A Career In Web Development
2019-11-20JavaScript Loops Made Easy
2019-11-15CSS Units of Measurement [rem, em, vw, vh, px, %]
2019-11-06Emmet = Faster HTML & CSS Workflow!
2019-11-01Animated Social Media Buttons 3 Ways | HTML & CSS
2019-10-19Top 10 Best VS Code Extensions
2019-10-11Fetch API Explained - Working with Data & APIs in JavaScript
2019-10-02Animated Responsive Navbar with Mobile Mega Menu Tutorial - (SCSS)
2019-09-27Backtick Template Literals Slower? - JavaScript String Testing
2019-09-24Transparent Login Form - HTML & CSS ONLY
2019-09-20Before and After Pseudo Elements Easily Explained [CSS]
2019-09-13Responsive CSS iPhone 11 Product Card Tutorial
2019-09-11Animated Hamburger Menu Tutorial - CSS Effects
2019-09-06Async JavaScript - Callbacks, Promises, Async/Await
2019-09-03JavaScript ES6 Arrow Functions Tutorial
2019-08-23Learn Sass in 30 Minutes
2019-08-16cPanel - Website Deployment in 6 Minutes


Tags:
fetch
fetch api
fetch api tutorial
fetch ajax
fetch javascript
fetch tutorial
fetch api introduction
fetch api explained
fetch api getting started
javascript
javascript tutorial
javascript promises
javascript fetch
javascript fetch api
rest web service
jsonplaceholder
http get
http post
js
how to use fetch in javascript
fetch requests in javascript
uploading json data using fetch
sending a request with fetch
fetch api post
web development