🚀

Start Here

Web development is the skill of building websites and web apps. If you can use a computer and are willing to google things, you can learn it. Let's map the whole journey.

1What does a web developer actually do?

Web developers write code that runs in browsers (the frontend) and on servers (the backend). They turn designs into live pages, connect forms to databases, handle logins and payments, and keep everything fast and secure.

Every website is really just three languages working together:

The web trio

HTML  →  structure   (headings, text, buttons)
CSS   →  presentation (colors, layout, spacing)
JS    →  behavior     (clicks, data, interactivity)

Frontend vs. backend. Frontend = what users see and click. Backend = the server, database, and logic behind the scenes. Full-stack = comfortable with both.

2Do you need a degree?

No. Employers care about what you can build. A focused portfolio of 2–4 real, deployed projects beats a degree for most junior web roles. You'll build these as you go.

3How long does it take?

Many self-taught developers land their first job in 6–12 months of focused study. The single biggest predictor of success is consistency — a little every day beats occasional marathons. That's exactly why this app rewards you with XP and streaks for showing up daily.

Build the habit. Aim for 30–60 focused minutes a day. Our 30-day programme turns that into one small mission per day.

4Your first three skills

HTML — the structure of every web page
CSS — styling, colors, layout, and responsive design
JavaScript — interactivity, logic, and dynamic behavior

Here's all three in one tiny example — a button that changes when you click it:

All three together

<button id="hi" style="padding:8px 16px">Say hi</button>

<script>
  document.querySelector("#hi").onclick = (e) => {
    e.target.textContent = "Hello! 👋";
  };
</script>

5Choosing your path

You don't have to decide today, but here's the map:

Love design & visuals? → Frontend path
Love data & logic? → Backend path
Want to build whole apps? → Full-Stack path

Mindset for success

Getting stuck is normal — debugging is the job.
Copying tutorials is fine at first; building alone is where you truly learn.
Done beats perfect. Ship small, improve later.
Show up daily. Momentum compounds.

Next: the Frontend path

Knowledge Check

Test what you learned. Each correct answer earns XP. up to 65 XP

1. In the classic web trio, what is each part responsible for?

2. You have 45 minutes a day to learn. What's the most effective plan?

3. Which best describes what a 'frontend' developer builds?

4. For most junior web roles, what matters most to employers?

5. What does a 'full-stack' developer work on?