Back to resources
BeginnerProgramming

Build a Website

Build and publish a simple website that can live on your BuildWith profile.

End goal

A live website, a GitHub repository, and one thing you can show people.

Your path

  1. 01

    Follow along

  2. 02

    Understand

  3. 03

    Modify

  4. 04

    Build your own

  5. 05

    Share it

01 - Follow along

Start with something that already works.

The easiest way to start is to build alongside a tutorial, copy the basic design, and learn by changing it. You are not cheating by following along. You are learning the shape of the work.

Follow alongBeginner

Personal website

Build this alongside the tutorial.

Follow a web basics path and make a small page about yourself, a club, or a project.

You will learn

  • - HTML
  • - CSS
  • - page structure
  • - small interactions

Before you start

  • - Browser
  • - Code editor
Open documentationOpen course
Guided projectBeginner

Portfolio or landing page

Use the structure, then make choices yourself.

Turn one idea into a single polished page with sections, links, and a clear call to action.

You will learn

  • - layout
  • - visual hierarchy
  • - project presentation

Before you start

  • - Browser
  • - Code editor
Open tutorialOpen tutorial

02 - Understand

Learn the pieces behind the project.

  1. 01HTML for structure
  2. 02CSS for layout and style
  3. 03JavaScript for interaction
  4. 04GitHub for saving and sharing your work
  5. 05Basic deployment vocabulary

03 - Modify

Change the tutorial until it becomes yours.

Understand the page

Learn what HTML and CSS are doing before adding frameworks or complex tooling.

Open documentationOpen course

Change the design

Modify colors, spacing, copy, and layout so the page feels like your project.

Publish and explain it

Put the work somewhere shareable and write a short README about what you built.

Open tutorial

04 - Tools and materials

What you will need.

Required

  • - Computer
  • - Browser
  • - Code editor
  • - A small topic or purpose

Recommended

  • - GitHub account
  • - One or two example websites you like

Optional

  • - A Figma sketch before you code

05 - Share and continue

Ready to go further?

You are ready when

  • - The site opens in a browser
  • - The project has a README
  • - Someone else can understand what you built

Next on BuildWith

Open related guideCreate a BuildWith projectFind collaboratorsExplore opportunitiesAdd it to your profile