Welcome!

Let's practice some jQuery.
(click Homer for directions, then again to hide)

Part 1 – Part 2 – Part 3 – Part 4

(A companion piece to Real Python.)

Directions

  1. Click the link for Part 1 to view the Javascript behavior in the browser

  2. Download the repo here, unpack the files, make sure Part 1 works on your local machine

  3. Remove the link to part1.js from your HTML file

  4. Recreate the Javascript/jQuery code in main1.js

  5. Only look at my code once complete or if you get stuck

  6. Don't move on until you fully understand Part 1

  7. Repeat for all parts

  8. Want more? Recreate the HTML and CSS too!


Part 1 – Part 2 – Part 3 – Part 4


Copyright 2014 Real Python

Fork me on GitHub