Skip to content

Making pages that respond Course

Fetch, APIs and Asynchronous JavaScript

Promises, async and await, fetch, JSON and error handling, used to pull data from public APIs into a page with loading and error states.

“My code runs before the data arrives and I do not understand why.”

the problem this course starts from

A laptop on a wooden desk showing a code editor next to a coffee mug

What is inside

40 lessons · about 13 min each · 8 h 40 min

  1. 01 Why JavaScript waits 5 lessons 1 h 5 min
  2. 02 Callbacks and promises 7 lessons 1 h 31 min
  3. 03 Async and await 6 lessons 1 h 18 min
  4. 04 Fetch and JSON 8 lessons 1 h 44 min
  5. 05 Errors, retries and loading states 6 lessons 1 h 18 min
  6. 06 A small data app 8 lessons 1 h 44 min

// outcomes

You will be able to…

  • Explain the event loop in plain words
  • Fetch, parse and display data from an API
  • Handle slow and failed requests gracefully

What’s included

  • Three small data apps built on screen from public APIs
  • Loading, empty and error states for each
  • A timeline diagram of what runs when
  • End-of-unit exercises with the finished code shown on screen
  • 18 months of streaming access

who.txt

Who it suits

Learners comfortable with the DOM who want pages that talk to other services.

Suggested pace: 3 h a week · about 3 weeks

Pairs well with

Three questions about this course

How much time does it take each week?

There are 40 lessons, 8 h 40 min of video in total. At the suggested 3 hours a week that is about 3 weeks, but you set the pace: the planner works it out for other weekly hours.

How long can I watch it?

For 18 months from the day your access starts. Access details are emailed within one working day of payment, and you can rewatch any lesson as often as you like during that time.

Can I download the videos or ask a tutor?

No. The lessons are recorded and streamed online only, and there is no tutor, mentoring or marking of your code. The exercises listed under what’s included show the finished result on screen, so you can check your own work. Read before you start for what you need.