微软官方项目驱动课程：HTML/CSS/JavaScript 基础 → 浏览器扩展 → 太空游戏 → 银行应用，官方简体中文，含课前课后测验与作业。
编程语言与现代开发工具简介
你好，未来的开发者！? 我能告诉你一件每天都让我激动不已的事情吗？你即将发现编程不仅仅是关于计算机——它是赋予你把最疯狂的想法变为现实的超能力！
GitHub简介
嗨，未来的开发者！? 准备好加入全球数百万程序员的行列了吗？我真心兴奋地向你介绍GitHub——把它想象成程序员的社交媒体平台，不过我们分享的不是午餐照片，而是代码，共同构建令人难以置信的东西！
创建无障碍网页
这里有个可能会让你惊讶的事实：当你构建无障碍网站时，你不仅是在帮助残障人士——你实际上是在让网络对所有人更好用！
JavaScript 基础：数据类型
title 你的 JavaScript 数据类型冒险
JavaScript 基础：方法与函数
title 你的JavaScript函数冒险
JavaScript基础：做出决策
title 你的 JavaScript 决策冒险
JavaScript 基础知识：数组和循环
有没有想过网站是如何跟踪购物车商品或者显示你的好友列表的？这就涉及到了数组和循环。数组就像是存放多条信息的数字容器，而循环则让你能高效地处理所有数据，而不需要重复写代码。
Terrarium 项目第一部分：HTML 入门
添加DOCTYPE: 4: Student
Terrarium Project 第二部分：CSS 介绍
连接 CSS 文件: 3: Student
Terrarium 项目第三部分：DOM 操作与 JavaScript 闭包
title 你的 JavaScript DOM 之旅
使用事件创建游戏
你有没有想过网站是如何知道你点击了按钮或在文本框中输入的？这就是事件驱动编程的魔力！还有什么比通过构建一个能够响应你每一次按键的打字速度游戏来学习这项关键技能更好的方法呢。
浏览器扩展项目第一部分：关于浏览器的一切
浏览器扩展是增强网页浏览体验的迷你应用程序。就像蒂姆·伯纳斯-李最初设想的互动网络一样，扩展将浏览器的功能从简单的文档查看扩展到了更多领域。从保持账户安全的密码管理器，到帮助设计师选择完美色调的拾色器，扩展解决了日常浏览…
浏览器扩展项目第二部分：调用 API，使用本地存储
设置 DOM 引用: 3: Student
浏览器扩展项目 第3部分：了解后台任务与性能
有没有想过为什么有些浏览器扩展感觉响应迅速而灵敏，而另一些则显得迟缓？秘诀就在幕后。在用户点击扩展界面时，后台有一系列进程静静管理数据获取、图标更新和系统资源。
构建一个太空游戏 第一部分: 介绍
Learn game architecture: 3: Student
构建太空游戏第二部分：将英雄和怪物绘制到画布上
Canvas API 是网页开发中用于在浏览器中创建动态交互图形的最强大功能之一。在本课中，我们将把那个空白的 HTML <canvas> 元素变成一个充满英雄和怪物的游戏世界。把画布想象成你的数字画板，代码变成视觉效果…
构建太空游戏 第3部分：添加运动
实现发布/订阅模式: 5: Student
构建太空游戏 第4部分：添加激光枪并检测碰撞
想想《星球大战》中卢克的质子鱼雷击中死星排气口的那一刻。那精确的碰撞检测改变了银河系的命运！在游戏中，碰撞检测也一样——它决定了物体何时交互以及接下来发生什么。
构建太空游戏 第5部分：计分与生命
创建引人入胜的游戏玩法: 5: Student
构建太空游戏第6部分：结束与重启
每个伟大的游戏都需要清晰的结束条件和流畅的重启机制。你已经打造了一个具有移动、战斗和计分功能的令人印象深刻的太空游戏——现在是时候添加最终的部分，让它感觉完整了。
构建银行应用第1部分：Web应用中的HTML模板与路由
精通 DOM 操作: 4: Student
构建银行应用第 2 部分：构建登录和注册表单
你有没有填写过一个在线表单，然后被拒绝电子邮件格式？或者点击提交时丢失了所有信息？我们都遇到过这些令人沮丧的经历。
构建银行应用 第3部分：获取和使用数据的方法
想想《星际迷航》里的企业号计算机——当皮卡德舰长询问舰船状态时，信息会瞬间出现，而不会让整个界面关闭并重新构建。那种无缝的信息流正是我们要通过动态数据获取打造的。
构建银行应用 第4部分：状态管理概念
A[⚡ 5 分钟] --> B[诊断状态问题]
git-basics
2. 整个代码库和历史记录都存储在每个开发者的电脑上，这使得分支和合并变得非常容易。
使用代码编辑器：掌握 VSCode.dev
还记得黑客帝国里，尼奥需要连接到一个庞大的计算机终端以访问数字世界吗？今天的网页开发工具则相反——功能强大，且随时随地都能访问。VSCode.dev 是一个基于浏览器的代码编辑器，能为任何有网络连接的设备带来专业开发工具…
使用 AI 构建聊天助手
还记得《星际迷航》里，船员们随意与飞船计算机聊天，提出复杂问题并得到深思熟虑的回答吗？ 在20世纪60年代这似乎纯属科幻的场景，现在你可以使用已掌握的网页技术来实现。
AI 框架
曾经觉得从头开始构建 AI 应用令人不知所措吗？你并不孤单！AI 框架就像 AI 开发的瑞士军刀——它们是强大的工具，可以在构建智能应用时为你节省时间和烦恼。把 AI 框架想象成一个组织良好的库：它提供预构建组件、标准化…