The DOM-I-(k)no’

Workshop activities

Learn to use HTML, CSS & JS together to make a few common interactive patterns.

  1. 1

    Know the DOM; Use the DOM

    Read the introduction. See slide deck
  2. 2


    Step 1: write code in English. Print & draw
  3. 3


    Step 2: write the code in JavaScript. Write code
  4. 4

    Dino-rmous carousel

    Very popular; not always effective. Write code
  5. 5

    SVG ♥ JS

    SVG & JS sitting in a tree… Write code

Related courses


Follow along with the self-directed JavaScript course to learn how to apply all this stuff to real websites with real code.

See the JavaScript curriculum