// learn web development, plainly

const yourPath = "from first page to live site";

A plain-language reference for beginners. 30 concept cards across five chapters, each explained in seven short sections — no jargon, no brand names, just the ideas.

ch.01Getting Started

open dir/6

The very first steps: making a page, understanding how the web works, and picking a path you can actually follow.

001 Your First Web Page BeginnerBasics 006 How Websites Actually Work BeginnerBasics 011 Choosing What to Learn First BeginnerBasics 016 Setting Up a Simple Workspace BeginnerTools 021 Reading Code, Not Just Writing BeginnerBasics 026 Finding Good Learning Resources BeginnerBasics

ch.02HTML & CSS

open dir/6

Structure and style — semantic markup, layout without the fight, responsive design, and pages that load fast.

002 HTML Structure That Makes Sense BeginnerHTML 007 CSS Layout Without the Fight IntermediateCSS 012 Responsive Design Basics IntermediateCSS 017 Flexbox and Grid, Simplified IntermediateCSS 022 Debugging CSS That Won't Work IntermediateCSS 027 Making Pages Load Faster IntermediateCSS

ch.03JavaScript

open dir/6

The language of the browser: fundamentals, the DOM, events, and writing code you can debug and read.

003 JavaScript Fundamentals BeginnerJavaScript 008 Variables, Functions, and Flow BeginnerJavaScript 013 The DOM, Made Simple BeginnerJavaScript 018 Events and Interactivity IntermediateJavaScript 023 Debugging JavaScript IntermediateJavaScript 028 Organizing Your Code IntermediateJavaScript

ch.04Tools & Workflow

open dir/6

The kit around the code: version control, devtools, the terminal, and shipping your work to a live site.

004 Version Control Basics BeginnerTools 009 A Simple Dev Workflow BeginnerTools 014 Using Browser Devtools IntermediateTools 019 Deploying Your First Site IntermediateTools 024 Working With the Terminal BeginnerTools 029 Reading Documentation IntermediateTools

ch.05Growing as a Dev

open dir/6

Getting better over time — small projects, learning from mistakes, asking good questions, and a steady daily habit.

005 Building Small Projects IntermediateProjects 010 Learning From Your Mistakes IntermediateGrowth 015 Asking Good Questions BeginnerGrowth 020 Avoiding Tutorial Overload IntermediateGrowth 025 A Daily Learning Habit BeginnerGrowth 030 Your First Portfolio Pieces IntermediateProjects