Most beginners quit JavaScript not because it's too hard, but because the plan is too big. Here is a simple 30-day structure: one small task a day, 15–30 minutes. It assumes you already know basic HTML and CSS.

Week 1: The basics (Days 1–7)

Start in the browser console (F12). No setup needed.

console.log('Hello, JavaScript!'); console.log(25 * 4);

Then learn let and const, template literals, data types, and if/else. On Day 7, rebuild your weakest script from scratch.

Week 2: Logic and the DOM (Days 8–14)

Loops, logical operators, and querySelector. Your first page that changes:

const title = document.querySelector('h1'); title.textContent = 'I changed this with JavaScript';

Week 3: Events (Days 15–21)

Make the page react: clicks, form input, preventDefault, key presses, and event delegation.

button.addEventListener('click', function () { message.textContent = 'Button was clicked!'; });

Week 4: Data and APIs (Days 22–28)

localStorage, JSON.stringify/JSON.parse, and fetch.

fetch('https://api.adviceslip.com/advice') .then(res => res.json()) .then(data => console.log(data.slip.advice));

Week 5: Build something (Days 29–30)

Combine everything into a small task dashboard: add, complete, and delete tasks, save them in localStorage, and load a message from an API.

Tips that make it stick

  1. Set a fixed time each day. Consistency beats long sessions.
  2. Type the code yourself instead of copy-pasting.
  3. If you miss a day, just continue. Don't restart.
  4. End each day by writing one sentence about what worked.

If you want it in a workbook

I put this plan into a printable PDF plus an interactive HTML version, with starter code, a tracker and weekly reflections. It's a paid product, so no pressure: [link]. The plan above is enough to follow on your own.

Disclosure: I created this article and the workbook with AI assistance.