JavaScript Project: Build a Calculator in the Browser
Build a working calculator with HTML, CSS Grid and JavaScript. Covers event delegation, managing state, keyboard support and the edge cases that…
Try: python lists, javascript functions, syntax error, first project
Step-by-step builds you can finish in one sitting. Every project explains what you are making, what you will learn, and what to try next.
9 guides
Build a working calculator with HTML, CSS Grid and JavaScript. Covers event delegation, managing state, keyboard support and the edge cases that…
Build a clean, responsive one-page portfolio with semantic HTML, flexbox and grid. Full code, plus how to publish it free so you…
A multiple-choice quiz in the browser with scoring and a results screen. Teaches managing state, rendering screens, and keeping answer data separate…
Build a to-do app with HTML, CSS and JavaScript that saves to local storage. Covers the DOM, events, event delegation and rendering…
Build a command-line to-do app in Python that remembers your tasks between runs. Covers lists, dictionaries, JSON files and a clean menu…
A menu-driven Python calculator built with functions and a dictionary. Full code with error handling for division by zero and invalid input.
A complete beginner Python project using loops, conditions, input and random numbers. Full code, explained line by line, with improvements to try…
Twelve small projects, ordered by difficulty, with what each one teaches. Plus how to size a project so you actually finish it…
Tutorials build pattern recognition. The first project you build without one is where those patterns turn into ability.
Related topics
The fastest way to improve is to read one guide, then build the thing it describes. Start with the basics, or jump straight to a project.