DOM Exploration

• Repository: dom-exploration
• Type of Challenge: learning
• Duration: 7 days
• Team challenge : solo

The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document.

In this series of challenges we're going to explore different aspect of this technology. Unless explicitly stated otherwise, you should NEVER edit the HTML files provided, everything has to be done using Javascript.

Prerequisite

Before diving in, it is essential to grasp the main concepts of the Javascript language such as:

• Variables and constants
• Conditions
• Loops
• Arrays and objects
• Functions

Chapters:

🌱 Must haves
🌼 Nice to haves (doable)
🌳 Nice to haves (hard)

• 1. Introduction 🌱
  • The DOM tree
  • Nodes
  • How to read a DOM tree using javascript
  • Accessing root level nodes
• 2. DOM Selectors 🌱
  • querySelector and querySelectorAll methods
• 3. Creating nodes 🌱
  • The createElement method
  • Inserting node
• 4. Navigating the DOM 🌱
  • Siblings
• 5. Events 🌱
• 6. Working with forms 🌱
• 7. Big recap "drill exercise" 🌼

Projects:

• The Collection 🌱
• The Dark Kitchen 🌱
• The Calculator 🌱
• An a-maze-ing project 🌳