Learning path

Frontend Development Path

Develop one personal website through the path: write its content, make it responsive, add interaction, organise it, and publish it.

ForBeginners who want to build interactive websites. No previous programming experience is required.
OutcomeA responsive website published in your portfolio, plus a clear understanding of what to learn next.
1

Stage 1

Web Foundations and HTML

Understand how the web works and build structured, accessible pages.

You need
No prior programming experience is required.
You will be able to
You can build a personal page with headings, paragraphs, lists, links, and an image with alternative text.
Open this stage
2

Stage 2

CSS and Responsive Design

Turn an HTML structure into a polished interface that works on phones and desktops.

You need
Complete the HTML stage or know the core HTML elements.
You will be able to
You can style your page and arrange its content with Flexbox for phones and computers.
Open this stage
3

Stage 3

JavaScript and Interaction

Make your page respond to clicks: change a message, reveal details about you, and add a small counter.

You need
Complete HTML and CSS and build a responsive page independently.
You will be able to
You can change page text, show or hide a section, and update a counter after a button click.
Open this stage
4

Stage 4

Modern Interfaces

Apply your skills in complete interfaces and learn component and tooling basics.

You need
Be able to change page content and handle button clicks using JavaScript.
You will be able to
You can turn a design into a responsive interface and use Git to publish it.
Open this stage
5

Stage 5

Portfolio Project

Consolidate your learning by building, publishing, and explaining a complete project.

You need
Complete the HTML, CSS, and JavaScript stages and know basic Git.
You will be able to
A published project with a README explaining its goal, stack, and next improvements.
Open this stage