Learning reference

Web Development Courses: Choose Your Path

Choose by what you want to build. Compare the three paths below, then explore relevant courses on Udemy.

Some links on this page are affiliate links. We may earn a commission from qualifying purchases through these links, at no extra cost to you. Affiliate disclosure.

Choose by learning goal

Front-end
Web pages and interfaces people interact with

HTML, CSS, JavaScript and practical browser projects

Back-end
APIs, databases and the logic behind a website

Your preferred programming language, databases and a working server project

Full-stack
A complete application

Projects that connect the interface, server and database

Learning resources and subject scope

Mdn Core — official reference

MDN’s core learning material covers semantic HTML for document structure, links, images and forms. (Mdn Core — official reference)

Mdn Core — official reference

The same MDN pathway separates CSS styling and layout from JavaScript scripting. (Mdn Core — official reference)

Mdn Core — official reference

MDN’s core modules also include accessibility and version control with Git and GitHub. (Mdn Core — official reference)

Mdn Server — official reference

MDN describes server-side work as handling requests, validating submitted data and storing or retrieving database content. (Mdn Server — official reference)

Put the subject into practice

Suggested exercise from Luctura

Build a small reading-list page, then add a form and a server route that saves fictional entries. Keep the interface and server responsibilities visible in a short README.

This is a practice suggestion, not a promised course outcome.

Make a learning route, not a shopping list

Use the documented subject scope below to choose one manageable skill. As a planning exercise, write what you already know, one thing you want to make or explain, and how you will check your work. Then compare a course outline with those needs.

The providers below illustrate different published learning formats. Their inclusion is not a ranking or a promise that every course on the platform covers this exact route.

Documented platform formats

Master.dev (formerly Frontend Masters)

The official site formerly branded Frontend Masters now presents itself as Master.dev and explicitly announces the name change. (Frontend Masters — official documentation)

The catalog spans front-end, back-end, data, cloud and AI topics. It should not be described as exclusively front-end training. (Frontend Masters — official documentation)

The current site provides curated learning paths and lists live workshops with Q&A/replay access. Check the chosen path or workshop rather than assuming every course is live. (Frontend Masters — official documentation)

Codecademy

Codecademy provides an integrated code editor where learners can write and run code in the browser. (Codecademy — official documentation)

The catalog distinguishes individual courses, skill paths and career paths. Examples of its subjects include Python, HTML/CSS, SQL-related data work and computer science. (Codecademy — official documentation)

Codecademy lists projects and preparation for external industry certifications as parts of its learning offering. Preparation should not be confused with receiving the external credential. (Codecademy — official documentation)

Explore courses by path

Browse front-end courses →

Browse back-end courses →

Browse full-stack courses →

Explore all web development courses →

Sources and access details

Official sources read 29 October 2026. Descriptions concern the named resource, edition, model or learning format. They are not independent product tests or guarantees of learning or employment outcomes. Check current access, price and terms with the provider.