Reading

Welcome to Frontend Development

This program runs 12 real working weeks plus a final project week — 13 weeks total, taking you from never having written a line of code to building and deploying a genuinely complete website on your own.

Twice a week you'll have a live session with your tutor. Those sessions are hands-on: your tutor already knows what you've read and practiced that week, and won't re-explain it line by line. Expect to write real code together, live, fixing mistakes as they happen and being asked to predict what a page will do before you actually load it in a browser.

How the 13 weeks are structured

Weeks 1–2: HTML — the actual structure and content of every web page that has ever existed.
Weeks 3–5: CSS — how a page goes from plain text to something that actually looks designed.
Weeks 6–10: JavaScript — making a page genuinely interactive, and talking to the internet.
Weeks 11–12: A modern frontend framework, and taking a real project from your computer to a live URL.
Week 13: A final project — you design, build, and ship something complete, entirely your own.

What "frontend" actually means

Every website you've ever visited is built from three real technologies, layered on top of each other: HTML gives a page its actual content and structure (this is a heading, this is a paragraph, this is a button). CSS controls how that structure actually looks (colors, spacing, layout). JavaScript makes it actually do things (respond to a click, fetch new data, validate a form before submitting it). "Frontend" is everything a user's browser actually downloads and runs — as opposed to "backend," the server-side code frontend code talks to, which you won't need for most of this program.

Why this order, specifically

You'll build HTML first, with zero styling, and it will genuinely look plain and unstyled — that's deliberate. Seeing a page's raw, unstyled structure makes it concrete that HTML's real job is content and meaning, not appearance. CSS then transforms that same structure without changing it. JavaScript comes last because it manipulates the HTML and CSS you'll already understand deeply by then — trying to learn all three simultaneously from day one is a genuinely common way beginners end up confused about which technology is responsible for what.

What you'll actually need

A real code editor (we'll set up VS Code, free and industry-standard, in your first live session) and a real web browser with developer tools (Chrome or Firefox, both free) — genuinely nothing else. No paid software, no complex local server setup for the first several weeks.

This week's practical habit

Before your first live session, open your browser's developer tools right now (F12, or right-click any webpage → "Inspect") on a real site you use daily, and just look at the actual HTML making it up. You'll understand almost none of it yet — that's fine. You'll understand all of it by Week 2.