JavaScript DOM lessons

The Strange Parts of JavaScript: Why the Language Behaves Like That

by

🟦 JavaScript Deep Dive – Issue #1 The Strange Parts of JavaScript: Why the Language Behaves Like That Welcome to the first issue of the JavaScript Deep Dive newsletter — a series for developers who want to go beyond tutorials and explore the deeper mechanics that make JavaScript powerful, weird, and endlessly fascinating. Today we’re … Read more

JavaScript Deep Dive — 10-Issue Newsletter Series

by

Issue 1 — The Strange Parts of JavaScript: Why the Language Behaves Like That Summary:A tour through the quirkiest (but important) parts of JavaScript — coercion traps, weird equality rules, hoisting surprises, closure edge cases, and prototype madness. Key Learning: Outline: Issue 2 — Mastering the Event Loop: Microtasks, Macrotasks & Performance Summary:A deep dive … Read more

20 JavaScript Coding Exercises to Build Real Skills

by

Whether you’re just starting your JavaScript journey or teaching others through workshops, classrooms, or self-paced learning, hands-on practice is the fastest way to build confidence. This guide contains 20 beginner-to-intermediate JavaScript exercises, each with: These exercises help learners understand not just what to type, but why the code behaves the way it does—core to the … Read more

10 JavaScript Exercises

by

1. Sum of Two Numbers (Basics: Variables, Input, Output) Learning Objectives Task Ask the user for two numbers, add them, and show the result. Sample Solution Explanation 2. Even or Odd? (Conditionals) Learning Objectives Task Ask the user for a number and tell them whether it’s even or odd. Sample Solution Explanation 3. Countdown (Loops) … Read more

JavaScript DOM & Canvas Mini-Games — Exercises 91–100 (Pure JavaScript Edition)

by

Github https://github.com/lsvekis/JavaScript-DOM-Exercises/ Welcome back to the next chapter of the 100-exercise JavaScript DOM & Canvas series! If you’ve been following along, you already know the mission: ✨ Learn real JavaScript by building small, visual, interactive projects — with no frameworks and no complexity. Just vanilla JS, DOM APIs, Canvas 2D, and Web APIs, the way … Read more

JavaScript DOM & Canvas Games — Exercises 81–90

by

Github https://github.com/lsvekis/JavaScript-DOM-Exercises/ If you’ve ever tried to learn JavaScript and thought, “I get the syntax, but I’m not sure how to actually build things,” this set of mini-games is for you. Exercises 81–90 are part of a larger “JavaScript DOM Games” series: self-contained, vanilla JS projects that live in a single HTML file. No build … Read more

JavaScript DOM & Canvas Games — Exercises 51–60

by

🎮 JavaScript DOM & Canvas Games — Exercises 51–60 Github https://github.com/lsvekis/10-JavaScript-DOM-Coding-Games-Learn-by-Building-Fun-Mini-Projects/tree/main/Games%2051-60 Where Code Meets Creativity The DOM is your playground, and JavaScript is the tool that brings it to life.In this latest collection of interactive exercises (51–60), you’ll take your front-end skills to the next level — blending DOM manipulation, Canvas drawing, motion physics, and … Read more

JavaScript DOM Games — Exercises 31–40

by

🎮 Hands-On DOM Coding for Creative Front-End Learners Learning JavaScript is best done by doing — especially when it’s fun.This new set of 10 DOM-based mini-games (Exercises 31–40) builds on previous collections, pushing your understanding of interactivity, animation, and user input even further. Github https://github.com/lsvekis/10-JavaScript-DOM-Coding-Games-Learn-by-Building-Fun-Mini-Projects/tree/main/Games%2031-40 Each mini-project explores a different concept through code you can … Read more

10 More JavaScript DOM Games — A Hands-On Guide (Exercises 11–20)

by

Github https://github.com/lsvekis/10-JavaScript-DOM-Coding-Games-Learn-by-Building-Fun-Mini-Projects 🕹️ Exercise 11 – Moving Target Goal: click a moving dot as many times as you can in 15 seconds. How it works: Concepts practiced: timed animation loops, random positioning, updating DOM text. Learning outcome: working with layout geometry (offsetWidth, getBoundingClientRect()), intervals, and event listeners. 🎯 Exercise 12 – Number Guess (1–100) Goal: … Read more

10 More JavaScript DOM Games — Learn by Building (Vanilla JS)games 21 -30

by

🎮 10 Even More JavaScript DOM Games — Learn by Building (Vanilla JS) Get code https://github.com/lsvekis/10-JavaScript-DOM-Coding-Games-Learn-by-Building-Fun-Mini-Projects/ Miss the joy of learning JavaScript by making tiny interactive things? This sequel brings 10 new DOM mini-games (Exercises 21–30) you can run by simply opening an index.html. They’re built with vanilla JavaScript, HTML, and a dash of CSS—no … Read more