Step 0

Before we start, we must to be sure to understand what the DOM actually is and how it works.

The DOM

The Document Object Model (DOM) is a programming interface for HTML, XML and SVG documents. It provides a structured representation of the document as a tree.

More on MDN

Exercises

Since this a beginner workshop, it's a good idea to start each step with some easy exercises. Try these:

• Print Hello. Solution
• Try and use a variable. Solution
• Create a function. Solution