Welcome to this next project, where we’re going to build a countdown timer. It’s just like the timer app on your phone, only you build this one yourself! We’ll also get a bit more ambitious on your behalf in this exercise, so, compared to chapter 11, there will be less so, and guidance from us and more development work to figure out on your own. But don’t worry, you have our full trust and confidence—we know you can do it!
We’ll set up the foundations for the project for you, so you don’t have to mess too much with design or semantics. For that purpose, we’ve set up a scaffold for you in step 1, which contains the static HTML and semantics required for step 2, but also all the images, icons, and styles that you need for the whole project. See figure 12.1 for the high-level overview of this project.
Figure 12.1 When you’re completing the timer project, you’ll go through these five steps to end up with a fairly advanced timer.
