Practice The dom
Lessons, exercises, and projects about The DOM
Browse our list of curated database of projects, exercises, and lessons to learn The DOM
Discover how the browser interprets the HTML received from the server to construct the visual structure of a web page. This lesson explains how the DOM is formed, what blocks its parsing, and why this step is crucial in loading any website.
8hrs average
Use your DOM knowledge, HTML/CSS and Javascript to create a battleship game for one person only
4hrs average
Build a Random Poker Card Generator: Use your CSS, HTML, and JS skills to create a website that shows a random poker card every time it refreshes. Generate a card with a random suit (Hearts, Spades, Clubs, Diamonds) and value (2–10, King, Queen, Jack, Ace). Enhance with extra features like timers or buttons!
4hrs average
Create an AI-powered Excuse Generator using Python or JavaScript. Learn to connect with ChatGPT's API and generate creative excuses. Perfect for coding practice!
4hrs average
Disneyland for procrastinators! Create an Excuse Generator using just 20 lines of JavaScript. This beginner-friendly project teaches arrays, random number generation, and string concatenation while building a tool to generate excuses.
8hrs average
Practice your entry-level skills in Javascript, The DOM and HTML/CSS by building a Pop Balloons Game.
Do you already know what the DOM is? 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!
6hrs average
Step by step, go over all the most important DOM concepts and methods: Use javascript to manipulate styles, HTML elements.
16hrs average
Let's build a todo list from zero to publish using a Python Flask API and a Vanilla.js front-end