Skip to content

Journey 48 · Becomingbeginningbuildingfinding direction

Ship a Real Website

I've watched forty tutorials and built nothing anyone can visit.

You become: Someone with a live URL they built themselves

From zero to a site on the internet with your name on it — free tools the whole way. Not a career course: one real site, shipped, and the honest map of what comes after.

9 actions11h 20m of work🌱 Beginning🔥 Building🧭 Finding direction

Understand

What HTML, CSS and JavaScript each actually do.

Practice

Building daily, breaking things, reading errors.

Create

A real site, deployed at a real URL.

Evidence

The URL, and the commit history behind it.

3/9actions open below — the rest unlock when the journey is yours.
01

Build the ugly version this week

  1. Practice1h

    Write an HTML page by hand and open it

    A text editor and a browser — nothing else. One file: a heading, three paragraphs about anything you actually care about, a list, a link, an image. Save as index.html, open it in the browser. That page is a website; everything else is refinement.

    You’ll have:A page you typed by hand, open in a browser.

  2. Practice1h 30m

    Make it yours with CSS

    Add a stylesheet. Change the fonts, colours, spacing. Centre the content and cap its width. Break it, undo, break it again — the browser's inspector (right-click → Inspect) shows you every style on every element, and poking at it is the actual curriculum.

    You’ll have:The same page, deliberately styled by you.

  3. Practice1h 30m

    Add one behaviour with JavaScript

    One interactive thing: a button that toggles dark mode, a form that says hello by name, a counter. Copy examples shamelessly, then change them until they're yours. When it errors — it will — read the console message out loud before searching it.

    You’ll have:One working interaction you can explain.

6 more actions · 7h 20m of work

The rest of this journey is one decision away.

A claim is permanent — this journey stays yours through every future price change. Slots are only ever spent by this button, never by browsing.

Get every journey — Builder Pro

All 67 journeys, unmetered, for $9/mo.

Not today? Email yourself this journey.

  1. Understand30m

    Pick a free course as your spine, not your cage

02

Put it on the internet

  1. Practice1h

    Put the code in Git and push it to GitHub

  2. Create45m

    Deploy it free and load it on your phone

  3. Create4h

    Build site number two for someone real

03

The honest map of what's next

  1. Understand40m

    Read real job posts and list the gap

  2. Evidence25m

    Decide your next move out loud