Exploring Open Data

Housekeeping

• Assignment 1: Fetch Data from an API
• async functions with arrow syntax (question from yesterday)

---

1. Demo: randomIndex() utility function

Materials

• Gist: Find a random item in an Array

2. Error Handling with try...catch

Materials

• The Basics of Exception Handling in JavaScript
• MDN: try/catch blocks
• Gist: Asynchronous data with async/await

Slides: Handling Exceptions

3. Demo: Disney Character API

Materials

• MDN Readings
  • dot notation
  • Object basics
  • Working_with_Objects
• REST APIs: Practice endpoints
• List of Public APIs
• Gist: Asynchronous data with async/await
• Install: Postman - A browser for working with APIs

Breakout Activity: Find the array

You will be working in pairs. Using your knowledge of dot notation, and the randomIndex function created this morning:

1. fetch a list of data from an open API;
2. isolate the the array of items if it's deeply nested;
3. using the randomIndex() function, console.log() (or output to the HTML page) a random item from the list.

4. ES Modules

Materials

• Introduction to ES Modules

---

Lab Time

• Ash covering

---

Prep

Public JSON APIs

• Using this List of Public APIs, find an endpoint (a URL that returns a json object) that returns either an object or an array of objects. You will use this for an activity.

ES Modules

• Introduction to ES Modules
• Optional: ES modules: A cartoon deep-dive
  • This article goes into waaaay more detail than we need but it's a good read if you're curious.

Error handling

• The Basics of Exception Handling in JavaScript
• MDN: try/catch blocks