COURSE · 3 chapters · 11 lessons

Build a to-do app

Bring HTML, CSS and JavaScript together into your first working app

This course does not re-teach HTML and CSS. For JavaScript, anything up to functions in the intro course is enough to follow along. See the HTML & CSS course

Each lesson is one step of the build, picking up where the last one left off, so work through them in order. You can save the finished app to your device at the end.

Your progress

0 / 11 solved

Counted from the record kept on this device.

Read about this chapter

Place it

  1. 01Put the pieces on the pageA text box, a button, an empty list. Nothing moves yet, but everything you will touch is there.3 slides · 1 exerciseGo to the exercises

Make it move

  1. 02Add what you typedPress the button and your text lines up below. This is the step where the page starts moving.3 slides · 1 exerciseGo to the exercises
  2. 03Let Enter add it tooPress Enter in the box and it adds. This is where you learn to stop a submit.3 slides · 1 exerciseGo to the exercises
  3. 04Clear away what is finishedGive every row its own Done button, and make it remove only that row.3 slides · 1 exerciseGo to the exercises

Tidy it up and take it home

  1. 05Tidy it up and take it homeTurn each row into a card, then save the finished app onto your own device.3 slides · 1 exerciseGo to the exercises