Learn The dom

Lessons, exercises, and projects about 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 lesson

Javascript
The DOM
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 project

Javascript
The DOM
HTML and CSS

Random Card Generator

easy

Use your CSS/HTML/JS skills to randomly draw a poker card on every website refresh.

Start project

Javascript
Events
The DOM

Todolist with Vanilla JS (no framework)

easy

Create a simple todo web app using vanilla js

Start project

Javascript
Events
The DOM

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

Javascript
vanillajs
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 exercise

Javascript
The DOM
HTML and CSS

Code an Excuse Generator in Javascript

easy

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 project

Python
The DOM
Javascript

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 project