How Apps Talk: APIs Revealed

Before You Study (5 mins)

Lesson focus: When you check the weather on your phone, your phone doesn't know the weather. It asks a server. That conversation happens via an API. You are about to make your first API call.

What you should have ready:

• Your game project
• Internet connection (essential for APIs!)

Quick Concepts

Think About

Before studying, consider:

1. The Waiter Analogy:
   • Menu = Documentation
   • You = The App
   • Waiter = API
   • Kitchen = Server
   • Food = Data (JSON!)

By the End

After this lesson, you'll:

• ✅ Understand HTTP methods (GET vs POST)
• ✅ Fetch real data from the internet
• ✅ Display that data in your game!

Order up! 🛎️

What We Learned

• APIs connect the world: They let apps share data without sharing code.
• GET request: Asking for data ("Get me the weather").
• POST request: Sending data ("Post this photo").
• Fetch API: The Javascript tool we used to call the API.
• Integration: We added a "Quote of the Day" to our game loading screen by calling a public Quotes API.

Key Code Snippet

// Calling an API
async function getQuote() {
  const response = await fetch('https://api.quotable.io/random');
  const data = await response.json(); // It returns JSON!
  console.log(data.content);
}

Checklist

• I found a free public API
• I used fetch() to call it
• I saw the JSON data in the console
• I displayed the data in my game

Quick Quiz

Q1: In the restaurant analogy, who is the API?

• A) The Customer
• B) The Waiter ✓
• C) The Chef

Q2: Which method fetches data?

• A) GET ✓
• B) POST
• C) DELETE

Q3: What format does the API usually send back?

• A) PDF
• B) Word Doc
• C) JSON ✓

Bonus Challenge

Try finding a "Weather API" and make the background of your game change based on the real weather outside! (Blue for sunny, Grey for rain).

Next Lesson

Lesson 10: 🎉 MILESTONE — Your App is Worldwide!

You'll learn: We review everything and celebrate. Your Module B journey is complete!

You are connected to the matrix! 🌐