Day 10 - Fetching data asynchronously

Housekeeping

• Install: Postman - A browser for working with APIs
• Individual Project
  • Weight: 15%
  • Due: Thursday, Nov 3rd @ 11:59pm

1. Spoiler Demos - Objects

• Object-oriented Treasure Hunt

2. HTTP and REST

3. fetch() and Asynchronous JS

Demo: Fetching JSON data

• Tool: JSON Placeholder
• Reference: List of Public APIs
• Gist: fetch() - Asynchronous data with async/await

Activity: fetch() practice

1. Try using fetch() to retrieve placeholder data from JSON Placeholder, such as:
   • GET /photos
     • returns an array
   • GET /photos/8
     • returns a single object
   • GET /todos
     • returns an array
   • GET /todos/5
     • returns a single object
2. Try using fetch() to retrieve data from one of these Practice APIs

Prep

Asynchronous Javascript

• Reading List:
  • General asynchronous programming concepts
  • Introducing asynchronous Javascript
  • How to Use Fetch with async/await
• Watch list
  • Async & Await by Programming with Mosh