Web Development

A field hub for the web platform, frontend, backend, browsers, HTTP, APIs, databases and deployment.

Start with a balanced set

• The Odin Project — project-based curriculum · free — structured path from foundations into full-stack work.
• MDN Web Docs — Mozilla · reference · free — HTML, CSS, JavaScript, Web APIs and browser behavior.
• Full Stack Open — University of Helsinki · course · free — modern JavaScript full-stack development.
• CS50's Web — Harvard University · course · free — Python, Django, SQL, JavaScript and web application development.

Courses

Universities & institutions

• CS50's Web — Harvard University — web programming and application development.
• MIT OpenCourseWare — MIT — university material across computer science and engineering.
• OpenLearn — The Open University — free learning across many subjects.

Independent & project-based

• The Odin Project — nonprofit curriculum — project-based web development.
• Full Stack Open — University of Helsinki — React, Node.js, databases, TypeScript and testing.
• freeCodeCamp — freeCodeCamp — interactive lessons, practice and projects.

Books & long-form references

• Eloquent JavaScript — JavaScript through language, browser and Node.js concepts.
• You Don't Know JS Yet — deeper JavaScript language material.
• HTTP: The Definitive Guide — detailed HTTP reference.

Websites & references

• MDN Web Docs — standards-oriented web documentation.
• JavaScript.info — JavaScript tutorial and reference.
• web.dev — practical guidance for modern web development.
• Can I Use — browser compatibility data.
• roadmap.sh — learning roadmaps.

YouTube & lectures

• freeCodeCamp.org — long-form courses.
• MIT OpenCourseWare — university lectures.
• Computerphile — computing explanations.
• Fireship — concise development explainers.

Tools & practice

• Frontend Mentor — realistic frontend project practice.
• Exercism — programming exercises across languages.
• SQLBolt — interactive SQL lessons.
• Regex101 — regex testing and explanation.
• Can I Use — verify browser feature support while building.

Useful collections

• MDN Learn Web Development — structured web learning material.
• web.dev Learn — focused learning tracks.

Pairing ideas

Build-first

The Odin Project → MDN → Frontend Mentor → Full Stack Open.

Reference-first

MDN → JavaScript.info → web.dev → Can I Use.

University + independent mix

CS50's Web → The Odin Project → MDN → Frontend Mentor.

Use the institutional course for structured teaching, the project curriculum for building, MDN for the platform reference, and practical briefs for repetition.

Related

• Computer Science
• HTTP
• Identity