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

    InfoPanel.translate('en')

    Step 1: write code in English. Plan & sketch
  3. 3

    InfoPanel.init()

    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

Videos, tutorials & quizzes

Related courses

JavaScript

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