Repolode
microsoft

microsoft/Web-Dev-For-Beginners

一套为期 12 周、共 24 课的入门课程,通过小型项目学习 HTML、CSS 和 JavaScript。

Star
97,003
Fork
16,043
未关闭 Issue
145
最近提交
8小时前

这是什么?

Web Development for Beginners 是微软云布道师团队编写的免费入门课程,以项目驱动的方式讲解 Web 开发基础。课程共 24 课,大约持续 12 周,涵盖 JavaScript、CSS 和 HTML 的核心知识。

每一课都围绕一个实际项目展开,包括可拖放的在线植物terrarium、打字游戏、绿色环保浏览器扩展、基于 Canvas API 的太空射击游戏,以及多页面银行应用。每课配有课前和课后测验、知识检查、挑战和作业,仓库中还包含一个含 48 套测验的测验应用。

课程提供 50 多种语言版本,可在 GitHub Codespaces 中运行,也可以用 Visual Studio Code 在本地学习,支持通过 Docsify 离线阅读或下载 PDF。仓库中还包含 JavaScript 生成式 AI 课程和一个 AI 助手项目。

核心功能

  • 01共 24 课,约 12 周完成
  • 02项目包括在线 terrarium、打字游戏、浏览器扩展、太空游戏和银行应用
  • 03每课配有课前、课后测验及作业
  • 04提供 50 多种语言版本
  • 05可在 GitHub Codespaces 或本地 VS Code 中学习

适用场景

  • 零基础想系统学习 HTML、CSS 和 JavaScript 的人
  • 需要项目式教学材料的老师
  • 喜欢通过做小游戏和扩展来学习的学习者

快速上手

  1. 1

    在 GitHub 上 Fork 该仓库

  2. 2

    将你的 Fork 克隆到本地电脑

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

    在 Visual Studio Code 中打开该文件夹,从 1-getting-started-lessons 文件夹中的第 1 课开始

使用前须知

  • 本项目是学习教材而非可直接运行的应用,因此没有单一程序可以启动。
  • 大部分内容为英文,其他语言版本通过自动翻译提供。

标签

常见问题

Web-Dev-For-Beginners 是什么?
一套为期 12 周、共 24 课的入门课程,通过小型项目学习 HTML、CSS 和 JavaScript。 Web Development for Beginners 是微软云布道师团队编写的免费入门课程,以项目驱动的方式讲解 Web 开发基础。课程共 24 课,大约持续 12 周,涵盖 JavaScript、CSS 和 HTML 的核心知识。
Web-Dev-For-Beginners 可以免费使用吗?用的什么许可证?
Web-Dev-For-Beginners 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
Web-Dev-For-Beginners 还在维护吗?
活跃维护中。Web-Dev-For-Beginners 最近一次提交是在 2026年10月20日。
Web-Dev-For-Beginners 适合用来做什么?
零基础想系统学习 HTML、CSS 和 JavaScript 的人 需要项目式教学材料的老师 喜欢通过做小游戏和扩展来学习的学习者
Web-Dev-For-Beginners 怎么安装和运行?
在 GitHub 上 Fork 该仓库 将你的 Fork 克隆到本地电脑: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git 在 Visual Studio Code 中打开该文件夹,从 1-getting-started-lessons 文件夹中的第 1 课开始
在哪里获取 Web-Dev-For-Beginners?
源代码和安装说明在 GitHub 上:https://github.com/microsoft/Web-Dev-For-Beginners

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目