Web Development
HTML Basics Explained
The HTML tags that actually matter, why semantic elements beat divs, how forms and links work, and the accessibility basics that take…
All guides
Every guide on the site, newest first. Explanations, projects and fixes written in plain English.
Web Development
Web Development for Beginners: A Map of What to Learn
What HTML, CSS, JavaScript, the front end and the back end each do, how a page actually reaches your screen, and the…
Programming Projects
HTML & CSS Project: Build a Portfolio Page
Build a clean, responsive one-page portfolio with semantic HTML, flexbox and grid. Full code, plus how to publish it free so you…
Programming Projects
JavaScript Project: Build a Quiz App
A multiple-choice quiz in the browser with scoring and a results screen. Teaches managing state, rendering screens, and keeping answer data separate…
Programming Projects
JavaScript Project: A To-Do List in the Browser
Build a to-do app with HTML, CSS and JavaScript that saves to local storage. Covers the DOM, events, event delegation and rendering…
Programming Projects
Python Project: A To-Do List That Saves to a File
Build a command-line to-do app in Python that remembers your tasks between runs. Covers lists, dictionaries, JSON files and a clean menu…
Programming Projects
Python Project: Build a Calculator
A menu-driven Python calculator built with functions and a dictionary. Full code with error handling for division by zero and invalid input.
Programming Projects
Python Project: Build a Number Guessing Game
A complete beginner Python project using loops, conditions, input and random numbers. Full code, explained line by line, with improvements to try…
Programming Projects
Beginner Programming Projects That Are Worth Finishing
Twelve small projects, ordered by difficulty, with what each one teaches. Plus how to size a project so you actually finish it…
Debugging & Errors
How to Debug JavaScript in the Browser
Console logging that actually helps, breakpoints, stepping through code, and the Network tab — the four tools that solve nearly every front-end…
Debugging & Errors
Why Is My CSS Not Working? A Checklist
Your styles are not applying. Work through this ordered checklist — file linking, selector accuracy, specificity, inheritance and cascade order — to…
Debugging & Errors
How to Read a Stack Trace
A stack trace is a list of the function calls that led to an error. Here is how to read one in…
Keep going — pick your next guide
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.