BitWithBite
JavaScript Worksheet
⚡ Fetch API & Async
SCORE___ / 20
NameClassDate
After this worksheet you can
Fetch data from an APIUse promises and .thenasync/awaitHandle errors📚 Quick Recap
🎯 What you'll learn: Modern web apps live and die by their ability to talk to servers. In this lesson you'll master every layer of async JavaScript — from the old-school callbacks that started it all, through Promises, to the clean async/await syntax used in professional code today. Then you'll put it all together with the Fetch API to read and write real data from public APIs.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1fetch(url) returns a:
2Parse the body with:
3await can be used inside:
4Errors are caught with:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5fetch returns a that resolves later.
6const data = await res.();
7Fetch users and log them (async/await).
8Same with .then chains.
9Why is fetching asynchronous?
🚀 Section C · Challenge ● CHALLENGE 5
10What happens without await on res.json()?
💭 Reflection — the most useful thing I learned:
A ___/4 B ___/11 C ___/5 Total ___/20
Teacher's Signature
Parent's Signature
✂ answer key — fold or cut before handing out
1-B 2-A 3-B 4-A | 5 Promise 6 json 7 = const res=await fetch(url); const data=await res.json(); console.log(data) 8 = fetch(url).then(r=>r.json()).then(d=>console.log(d)) 9 = The network is slow; JS keeps running instead of freezing | 10 = You get a pending Promise, not the data