Learn The dom
Browse our list of curated database of projects, exercises, and lessons to learn The DOM
the-dom
What is DOM: Document Object Model
Do you already know what is DOM? It is a hierarchy stored in memory that contains all of your website elements in real-time. DOM Manipulation is the most popular activity for any front-end developer. The DOM brings your applications to life!
Read lessonhtml-css
javascript
the-dom
Learn how to manipulate The DOM with JS
easy
Step by step, go over all the most important DOM concepts and methods: Use javascript to manipulate styles, html elements.
Start exerciseflask
javascript
python
Todo List API + VanillaJS Front
intermediate
Let's build a todo list from zero to publish using a Python Flask API and a Vanilla.js front-end
Start projecthtml-css
javascript
events
Todolist with Vanilla JS (no framework)
easy
Create a simple todo web app using vanilla js
Start projecthtml-css
javascript
vanilla-js
Battleship with Vanilla.js
intermediate
Use your DOM knowledge, HTML/CSS and Javascript to create a battleship game for one person only
Start projecthtml-css
javascript
the-dom
Random Card Generator
beginner
Use your CSS/HTML/JS skills to randomly draw a poker card on every website refresh.
Start projecthtml-css
javascript
the-dom
Code an Excuse Generator in Javascript
beginner
Disneyland for procrastinators. Learning Javascript? This excuse generator tutorial takes no more than 20 lines of code and can save you for the rest of your life!
Start projecthtml-css
javascript
events
Pop Balloons using HTML/CSS and a little Javascript
easy
Practice your entry-level skills in Javascript, The DOM and HTML/CSS by building a Pop Balloons Game.
Start project