Callbacks Promises Async Await JavaScript Fetch API Explained

YOUR LINK HERE:

http://youtube.com/watch?v=VmQ6dHvnKIM

Learn about Callbacks, Promises, and Async Await as the JavaScript Fetch API is explained in this tutorial. You will also learn about thenables and how async / await replaces them in our JS code. The first 30 minutes covers the concepts. The last 30 minutes gives examples of retrieving data from different APIs with Fetch. • ▶ This video is part of the JavaScript Tutorials for Beginners Playlist found here: • Javascript Tutorials for Beginners • Subscribe ➜ https://bit.ly/3nGHmNn • ✅ Quick Concepts outline: • Fetch API with Async / Await • (0:00) Intro • (0:29) What is a callback function? • (1:15) What is the problem with callbacks? • (3:00) JavaScript Promises have 3 states • (5:28) A promise may not return a value where you expect it to: You need to wait for a promise to resolve • (6:58) Using thenables with a promise • (20:15) An easy mistake to make with promises • (24:00) Creating an async function • (25:00) Applying await inside the function • (33:45) Example 1: Retrieving user data • (40:00) Example 2: Retrieving dad jokes • (47:00) Example 3: Posting data • (49:40) Example 4: Retrieving data with URL parameters • (54:55) Abstract it all into single responsibility functions • 🤖 APIs used in the examples for this tutorial: • • https://jsonplaceholder.typicode.com/ • • https://icanhazdadjoke.com/ • • https://httpbin.org/ • • http://www.icndb.com/api/ • 📚 Further Reading: • MDN Web Docs: • Using Fetch: https://developer.mozilla.org/en-US/d... • Making asynchronous programming easier with async and await: https://developer.mozilla.org/en-US/d... • The Promise Object: https://developer.mozilla.org/en-US/d... • Thenables: https://developer.mozilla.org/en-US/d... • Eloquent JavaScript, Chapter 11: https://eloquentjavascript.net/11_asy... • ✅ Follow Me: • Twitter: / yesdavidgray • LinkedIn: / davidagray • Hashnode: https://yesdavidgray.hashnode.dev/ • Reddit: / daveoneleven • Was this tutorial about the JavaScript Fetch API, Async/Await, Promises, Thenables, and Callbacks helpful? If so, please share. Let me know your thoughts in the comments. • #async #await #fetch

#############################

New on site