Make a page respond.
Basic JavaScript · 10 modules · original learning project
Start with your first instruction. Finish with a safe, usable event finder you can explain.
Read the syllabus · See the final project · Source register · Verification and limits
Module 01
Make the browser follow your instructions
Run version 01 — download the course ZIP (Extract it and follow the included setup instructions for examples/01/index.html.) · Practice
Module 02
Represent information with values
Run version 02 — download the course ZIP (Extract it and follow the included setup instructions for examples/02/index.html.) · Practice
Module 03
Choose a path and repeat a task
Run version 03 — download the course ZIP (Extract it and follow the included setup instructions for examples/03/index.html.) · Practice
Module 04
Turn a rule into a function
Run version 04 — download the course ZIP (Extract it and follow the included setup instructions for examples/04/index.html.) · Practice
Module 05
Model events with arrays and objects
Run version 05 — download the course ZIP (Extract it and follow the included setup instructions for examples/05/index.html.) · Practice
Module 06
Connect data to the page with DOM events
Run version 06 — download the course ZIP (Extract it and follow the included setup instructions for examples/06/index.html.) · Practice
Module 07
Check practice forms without sending data
Run version 07 — download the course ZIP (Extract it and follow the included setup instructions for examples/07/index.html.) · Practice
Module 08
Organize modules and debug with evidence
Run version 08 — download the course ZIP (Extract it and follow the included setup instructions for examples/08/index.html.) · Practice
Module 09
Wait for data with promises and fetch
Run version 09 — download the course ZIP (Extract it and follow the included setup instructions for examples/09/index.html.) · Practice
Module 10
Remember small choices and finish the event finder
Run version 10 — download the course ZIP (Extract it and follow the included setup instructions for examples/10/index.html.) · Practice
Your learning loop
Predict → run → explain → repair → transfer. Use the separate solutions only after a real attempt.
Static HTML/CSS starting point — download the course ZIP (Extract it and follow the included setup instructions for examples/00-static/index.html.) · Check your capstone rules — download the course ZIP (Extract it and follow the included setup instructions for tests/learner.html.) · Reference data checks — download the course ZIP (Extract it and follow the included setup instructions for tests/reference.html.) · Reference browser checks — download the course ZIP (Extract it and follow the included setup instructions for tests/browser.html.)