Learning path · Beginner

Frontend Developer

From blank page to interactive interface.

The complete starting point for a career in the browser. Build structure with HTML, shape it with CSS and make it react with JavaScript — then prove it with a certificate.

8 weeks 3 courses 48 lessons 3 certificates
The sequence

3 courses, in the right order.

Each step assumes only what came before it. Follow the sequence or jump to a course you need.

01
Step 1 · Beginner

HTML Foundations

Open course

Start from a blank file and finish with a real, accessible profile page. Learn document structure, semantics, media, metadata, ARIA and modern native elements — everything a website is built on.

Getting startedBeginner foundationsContent and structureBeyond the basicsShip it
0/16 lessons0%
HTML Foundations
02
Step 2 · Beginner

CSS Essentials

Open course

Go from unstyled HTML to confident layouts. Learn the cascade, the box model, Flexbox, Grid, positioning, custom properties, form states, keyframes and responsive design by rebuilding real interface patterns, then ship a small design system.

FoundationsCSS without guessworkLayoutPositioning and systemsMotion and polishProject
0/16 lessons0%
CSS Essentials
03
Step 3 · Beginner

JavaScript Foundations

Open course

Learn the language of the browser by building interactive interfaces. Modern syntax, closures, the DOM, events, async data, persistent state, modules, tests and a complete quiz app.

Language basicsThe beginner gapsModern syntaxThe browserBuild and ship
0/16 lessons0%
JavaScript Foundations
Portfolio project

Responsive course landing page

Design and build a landing page for a course you would actually take.

about 4 hours Portfolio piece

The brief

Pick a subject, write the copy, and build one responsive page with a navigation bar, hero, course outline, call to action and a working interactive element such as a filter or FAQ.

DeliverableA deployed page plus a short README describing the layout and accessibility decisions.

Stretch goals

  • Add a dark theme with persisted preference.
  • Add a validated signup form.

Acceptance criteria

0/6
Sign in to tick criteria and save your project link.Sign in
Path complete

Finish with proof, not just a folder of files.

Complete every course in this path to collect 3 verifiable certificates. Each one has a unique public ID and a QR code that resolves to a live status record.

Frontend Developer48 lessons · 11 hours
HTML FoundationsCSS EssentialsJavaScript Foundations