4Geeks logo
About us

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

Search from all Lessons

Social & live learning

The most efficient way to learn: Join a cohort with classmates just like you, live streams, impromptu coding sessions, live tutorials with real experts, and stay motivated.

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
  • html-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 exercise
  • flask

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

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