microsoft/Web-Dev-For-Beginners

Microsoft's 24-lesson, 12-week web-dev curriculum — HTML, CSS, JavaScript fundamentals through to capstone projects.

What it is

A free MIT-licensed curriculum from Microsoft's "*-for-beginners" series. Targets complete beginners learning web development from scratch with a 12-week structured pacing. Each lesson combines a reading, a quiz, an assignment, and a project iteration. Sister projects exist for AI / Python / Generative AI / IoT / Data Science — same pedagogical framework applied to different domains.

Key features

24 lessons paced over a 12-week schedule (2 lessons per week).
Coverage: HTML, CSS, accessibility, JavaScript fundamentals, DOM, async, project work (a terrarium, a typing game, a banking app, an extension, a space game).
Each lesson: pre-quiz → reading → assignment → post-quiz → project.
Code samples in vanilla JS — the curriculum stays framework-free so concepts transfer to React/Vue/Svelte later.
Multi-language translations via Microsoft Cognitive Services + community review (40+ languages).
MIT-licensed.

Tech stack

JavaScript at the language tag (course code samples).
Markdown lessons + per-lesson /code directories.
No build pipeline at the repo root — each project subdir is independent.

When to reach for it

You're new to web development and want a structured course from a credible source (Microsoft Learn).
You're a teacher / mentor placing students on a 12-week path with clear milestones.
You're a self-learner who needs the pre-quiz / post-quiz framing to retain material.

When not to reach for it

You're past beginner — the curriculum is genuinely introductory; advanced developers won't find new material.
You want framework-flavored learning (React, Vue, Next.js) — this is intentionally fundamentals-only; framework courses come after.
You want video-driven learning — content is text + code, not lecture videos.

Maturity signal

96k stars, 16k forks, MIT, actively maintained under Microsoft Learn's institutional flag. The companion "*-for-beginners" series (generative-ai-for-beginners, ai-for-beginners, data-science-for-beginners, IoT-for-beginners, ML-for-beginners) shares the same lesson framework + multi-language translation network. The 16k forks count reflects classroom adoption — instructors fork the repo to track student progress on their own copies.

Alternatives

freeCodeCamp/freeCodeCamp — for exam-gated certifications + larger curriculum.
The Odin Project — for project-heavy full-stack with stronger community.
Codecademy / Coursera — paid alternatives with managed cohorts.
MDN Web Docs Learn area — reference-style rather than course-style.

Notes

The "Microsoft Learn for-beginners" series is the rare large-tech-company OSS curriculum that doesn't push the company's commercial products inside the lessons. The fundamentals coverage is genuinely framework-neutral — the curriculum's career-progression suggests learners pick React / Vue / Angular as a separate step after finishing. Translation quality is uneven by language because of the Cognitive Services-first approach; the major languages (Chinese, Spanish, Portuguese, French, German) have human review.

Wiki: microsoft/Web-Dev-For-Beginners