Repolode
Submit
microsoft

microsoft/Web-Dev-For-Beginners

A 12-week, 24-lesson beginner curriculum teaching HTML, CSS and JavaScript through hands-on projects like a terrarium, typing game and space game.

View on GitHub
Stars
97,003
Forks
16,043
Open issues
145
Last commit
9 hours ago

What is it?

Web Development for Beginners is a free, project-based curriculum from Microsoft Cloud Advocates for people starting out in web development. It runs over 24 lessons, organized into roughly 12 weeks, and covers JavaScript, CSS and HTML fundamentals.

Each lesson is built around a hands-on project: an online terrarium with drag-and-drop, a typing game, a green browser extension, a space game using the Canvas API, and a multipage banking app. Lessons include pre- and post-lecture quizzes, knowledge checks, challenges and assignments. A separate quiz app with 48 quizzes of three questions each is included in the repository.

The course is available in more than 50 languages, can be run in GitHub Codespaces or locally with Visual Studio Code, and can be read offline with Docsify or as a PDF. A Generative AI for JavaScript course and an AI assistant project are also part of the repository.

Key features

  • 0124 lessons organized into a roughly 12-week course
  • 02Projects include a terrarium, typing game, browser extension, space game and banking app
  • 03Each lesson has pre- and post-lecture quizzes, knowledge checks and assignments
  • 04Available in over 50 languages with sparse checkout for faster cloning
  • 05Runs in GitHub Codespaces or locally with Visual Studio Code

Use cases

  • Absolute beginners who want a structured path into HTML, CSS and JavaScript
  • Teachers running a web development class with project-based lessons
  • Learners who prefer building small games and extensions over reading theory

Quick start

  1. 1

    Fork the repository on GitHub

  2. 2

    Clone your fork to your computer

    git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
  3. 3

    Open the folder in Visual Studio Code and start with Lesson 1 in the 1-getting-started-lessons folder

Things to know

  • Lessons are learning material rather than a runnable application, so there is no single program to launch.
  • Most content is in English, with translations provided through an automated translation process.

Topics

#web-development#javascript#css#html#beginners#curriculum#education#learning#microsoft-for-beginners#tutorials

FAQ

What is Web-Dev-For-Beginners?
A 12-week, 24-lesson beginner curriculum teaching HTML, CSS and JavaScript through hands-on projects like a terrarium, typing game and space game. Web Development for Beginners is a free, project-based curriculum from Microsoft Cloud Advocates for people starting out in web development. It runs over 24 lessons, organized into roughly 12 weeks, and covers JavaScript, CSS and HTML fundamentals.
Is Web-Dev-For-Beginners free to use? What license does it have?
Web-Dev-For-Beginners is open source under the MIT license. Check the license terms before using it in commercial products.
Is Web-Dev-For-Beginners still maintained?
Actively maintained. The last commit to Web-Dev-For-Beginners was on Oct 20, 2026.
What can I use Web-Dev-For-Beginners for?
Absolute beginners who want a structured path into HTML, CSS and JavaScript Teachers running a web development class with project-based lessons Learners who prefer building small games and extensions over reading theory
How do I install Web-Dev-For-Beginners?
Fork the repository on GitHub Clone your fork to your computer: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git Open the folder in Visual Studio Code and start with Lesson 1 in the 1-getting-started-lessons folder
Where can I get Web-Dev-For-Beginners?
The source code and installation instructions are on GitHub: https://github.com/microsoft/Web-Dev-For-Beginners

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects