Learn to build the web —free, forever.
Plain-English guides, real code examples, and practical tools — everything a beginner needs to build websites, understand the web, and grow their skills.
Learning the web shouldn't cost anything.
Too much web education is gatekept behind subscriptions and paywalls. This is different.
Free Forever
No trial, no premium tier, no credit card. Everything on Webgrade EDU is free and always will be.
No Login Required
No account, no email, no tracking. Just open a page and start learning. Checklists save locally in your browser.
Beginner Friendly
Written from scratch, in plain English, for someone with zero prior knowledge. No assumed expertise, ever.
Built by a Real Web Team
Webgrade is an active web design agency. This content comes from real project experience — not textbook theory.
Everything you need to build the web.
Pick a topic and start learning. Each page is written for real beginners — no jargon, no assumed knowledge.
Web Tools Directory
25+ hand-picked free tools for designers and developers — from Figma to PageSpeed Insights, all in one filterable directory.
Browse tools →ResourcesWeb Design Glossary
50+ terms explained in plain English. DNS, CDN, DOM, flexbox, canonical — finally understand what everyone's talking about.
Read glossary →ResourcesBeginner Guides
Eight short, practical guides covering what a website is, how HTML works, what web designers do, and how to get your site online.
Read guides →LanguagesLearn HTML
The building blocks of every webpage. Document structure, the 10 most important tags, and clean markup with live examples.
Start learning →LanguagesLearn CSS
Add colour, layout, and style to any page. Selectors, the box model, flexbox, and responsive units — all with visual examples.
Start learning →LanguagesLearn JavaScript
Make pages interactive. Variables, functions, events, and DOM manipulation — pure browser JS, no frameworks, no Node.
Start learning →StrategyLearn SEO
Get found on Google. On-page optimisation, technical basics, and a full SEO checklist you can track as you go.
Start learning →StrategyDesign Principles
Visual hierarchy, whitespace, contrast, typography, and colour theory — plus a live colour palette generator.
Start learning →InfrastructureDomains & Hosting
What a domain is, how DNS works, which hosts are best for beginners, and a step-by-step guide to going live.
Start learning →InfrastructureWordPress Basics
WordPress.com vs .org, the dashboard, pages vs posts, themes, plugins, and 10 essential plugins every site needs.
Start learning →QualityWeb Accessibility
Build websites everyone can use. WCAG basics, alt text, keyboard nav, ARIA labels, and a live WCAG contrast checker.
Start learning →QualityPerformance & Speed
Why speed matters for SEO and UX. Core Web Vitals, image compression, caching, CDNs, and a trackable checklist.
Start learning →