Getting Data Using APIs with JS and Fetch

Today’s topics

• Using JSON for data
• Basics of HTTP requests
• Make GET requests with Insomnia client
• Make GET requests using the Fetch API and display response data on a page

🎯 Project: Currency Converter

Link to assignment invitation

🔖 Resources

HTTP

• MDN: HTTP Messages

APIs

• Illustrated Dev: Meet the Robowaiter APIs Serving Us Data
• Insomnia client
• GitHub API Docs

AJAX, Fetch, & JSON

• AJAX explained by analogy
• MDN AJAX
• MDN Fetch API
• MDN fetch() method
• CSS-Tricks article on using Fetch
• MDN Working with JSON

⭐ EXTRA/TMI

Fetch requests use JavaScript promises to handle responses. Promises are a much bigger topic than we will get into right now, but if you want to know more about what a promise is and how to use it beyond the context of AJAX requests, you can start with the MDN documentation about it.

• MDN JS Promise