- Plan before you code: describe it, list the features (start with an MVP), design the data, then build HTML → CSS → JavaScript, one feature at a time.
- The state + render pattern: keep the truth in JavaScript variables, rebuild the page from it with a
render()function, and after every change, update the state and render again. - Tasky combined arrays of objects, array methods,
createElement, event delegation andlocalStorage. - The Quiz Show combined shuffling,
setInterval/clearInterval, closures, multiple screens and a saved best score. - Sky Check combined two chained
fetchcalls,response.okchecks, optional chaining,try/catch/finallyand loading states. - Always make your projects your own with the Level Up challenges. That's where the real learning happens.
Reading is step one
CurlyScript turns these notes into a game: short questions, an explanation after every answer, and a test at the end of each grade. Free, with nothing to sign up for.