freeCodeCamp.org 的开源代码库,支撑其免费、自主学习的编程与数学课程平台。
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
在 GitHub 上 Fork 该仓库
- 2
将你的 Fork 克隆到本地电脑
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git - 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 数据每日更新。
相关项目
一组简短、独立的 JavaScript 文章与代码片段,帮助开发者快速学习日常编程技巧。
一套为期 12 周、共 26 课的经典机器学习入门课程,基于 Scikit-learn,提供 Python 和 R 版本。
一套为期 30 天、循序渐进的免费 JavaScript 入门课程,包含每日讲义、练习和迷你项目。
微软推出的 10 周 20 课数据科学入门课程,基于 Python 讲解数据处理与可视化。
一份为期 30 天、循序渐进的 React 学习教程,从 JavaScript 基础讲到 Hooks、路由和状态管理。