Exercises

Here are the exercises on this site.

STOP! You need to read the content first, so you will know what to do. These exercises are embedded in the content at the appropriate place. Go to the Course Content box, click on the top link, and start reading. Work your way down.

If you already know what exercise you're looking for, you can jump directly to it on this page.

Exercise Summary Referenced in
A page with and without extra white space Make two versions of a page, with and without extra whitespace. Headings, paragraphs, and line breaks
Accordion Show info about countries in an accordion menu. Bootstrap exercises
Add chocolate Add chocolate to the expense tracking app. Coffee and chocolate (validation, localStorage)
Alert! Who are you? The template
Alerts and buttons Make some alerts and buttons. Premade components
Animal and yo mama jokes Create a page of animal jokes, and a page of yo mama jokes. Gather styles in style sheets
Aussie rules scores Write an app to help with scoring in Aussie Rules football. Team scores (buttons, events, variables)
Bands Make a web app to track your favorite bands. Ships
Bar joke Style a bar joke. CSS exercises
Best animal Click on the photo of the best animal. Team scores (buttons, events, variables)
Better cheater Make rock-paper-scissors cheater is less obvious. JS exercises
Broken zoo app Fix a broken app. JS exercises
Calm worms How calm are your worms? Tables
Carousel Make a carousel. Bootstrap exercises
Character generator Make a character generator for a role playing game. JS exercises
Club Make a Bootstrap site with a navbar. Bootstrap navbars
Countries Make a page for country data from the CIA World Fact Book. Course catalog: many courses
CRUD app Make a CRUD app, about anything you like. CRUD exercises
Dog breeds Show some dog breeds. Images
Dogs and toys Advise the user about the number of dog toys they have. Course score (input, validation, flags)