Lesson 10: Fetch API and Final Practice

Learning Goals

• Use fetch to request data.
• Use await and try/catch.
• Show success and error states.

Example

async function loadUsers() {
  try {
    let response = await fetch("https://jsonplaceholder.typicode.com/users");
    let users = await response.json();
    console.log(users);
  } catch (error) {
    console.error("Could not load users", error);
  }
}

loadUsers();

Capstone Project Ladder

1. Price Calculator (inputs + total output).
2. Grade Tool (if statements + loops).
3. Task Manager (arrays + objects + localStorage).
4. API Dashboard (fetch + list rendering + error message).

Final Assessment Checklist

• I can declare and update values with let.
• I can write conditionals and loops without help.
• I can build and call functions with parameters.
• I can update HTML content using JavaScript.
• I can fetch API data and handle errors.