Practice The dom building interactive projects

What to build with The dom

Practice and develop your coding skills by building real live interactive autograded projects with solutions and video tutorials

html-css
javascript
events

Todolist with Vanilla JS (no framework)

easy

Create a simple todo web app using vanilla js

Start project

html-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

html-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 project

flask
python
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

html-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 project

html-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 project