airfri/learning-area

MDN 学习区示例中文版

learning-area

欢迎访问 MDN 学习区 Github 仓库中文版。

这里有学习区中展示、讨论的大部分示例代码，本 repo 文件夹结构与网站结构保持一致。

英文版中 Web 入门 等示例是单独的 repos，本 repo 一并收录。

以下内容不定期更新，希望你能喜欢。

---

汉化目录

0. Web 入门

1. 示例 代码 章节 | HTML 基础：Mozilla 酷毙了
2. 示例 代码 章节 | CSS 基础：Mozilla 酷毙了（样式版）
3. 示例 代码 章节 | JavaScript 基础：Mozilla 酷毙了（脚本版）

1. HTML

1.1 HTML 初步

1. 示例 代码 章节 | 开始学习 HTML
2. 示例 代码 章节 | HTML 元数据
3. 示例 代码 章节 | HTML 文字处理：菜谱
4. 示例 代码 章节 | HTML 高阶文字处理
5. 示例 代码 章节 | HTML 超链接：创建超链接
6. 示例 代码 章节 | HTML 超链接：示例站点
7. 示例 代码 章节 | 文档和站点结构：二次元俱乐部
8. 示例 代码 章节 | HTML 调试
9. 示例 代码 章节 | 章节测验：纽臂大学邮件
10. 示例 代码 章节 | 章节测验：观鸟网

1.2 HTML 多媒体和嵌入元素

1. 示例 代码 章节 | HTML 中的图片
2. 示例 代码 章节 | 视频和音频
3. 示例 代码 章节 | 向量图形
4. 示例 代码 章节 | 章节测验：Mozilla 宣传页

1.3 HTML 表格

1. 示例 代码 章节 | HTML表格基础：狗的表格
2. 示例 代码 章节 | HTML表格基础：动物表格
3. 示例 代码 章节 | HTML表格基础：课程表
4. 示例 代码 章节 | HTML表格基础：人称代词表
5. 示例 代码 章节 | HTML表格高阶：嵌套表格
6. 示例 代码 章节 | HTML表格高阶：销售统计
7. 示例 代码 章节 | HTML表格高阶：消费记录
8. 示例 代码 章节 | 章节测验：太阳系行星数据

1.4 表单

1. 示例 代码 章节 | 创建我的第一个表单
2. 示例 代码 章节 | 付费表单示例
3. 示例 代码 章节 | 表单数据校验
4. 示例 代码 章节 | 本地表单控件
5. 示例 代码 章节 | 伪类：启用/禁用
6. 示例 代码 章节 | 伪类：表单校验
7. 示例 代码 章节 | HTML 表单示例：基础输入
8. 示例 代码 章节 | HTML 表单示例：色彩
9. 示例 代码 章节 | HTML 表单示例：日期选择（兼容版）
10. 示例 代码 章节 | HTML 表单示例：文件选择
11. 示例 代码 章节 | HTML 表单示例：回调
12. 示例 代码 章节 | HTML 表单示例：月份测试
13. 示例 代码 章节 | HTML 表单示例：数字
14. 示例 代码 章节 | HTML 表单示例：选择范围
15. 示例 代码 章节 | HTML 表单示例：数字
16. 示例 代码 章节 | HTML 表单示例：表单样式
17. 示例 代码 章节 | HTML 表单示例：控件样式
18. 示例 代码 章节 | HTML 表单示例：电话号码
19. 示例 代码 章节 | HTML 表单示例：文本
20. 示例 代码 章节 | HTML 表单示例：开关
21. 示例 代码 章节 | HTML 表单示例：URL
22. 示例 代码 章节 | HTML 表单示例：周的示例

3. JavaScript

3.1 JavaScript 初步

1. 示例 代码 章节 | 什么是 JavaScript
2. 示例 代码 章节 | JavaScript 初体验：猜数字游戏
3. 示例 代码 章节 | JavaScript 比较运算符：状态机
4. 示例 代码 章节 | JavaScript 比较运算符：今天心情如何
5. 示例 代码 章节 | 章节测验：笑话机

3.2 JavaScript 基础要件

1. 示例 代码 章节 | 章节测验：照片库

3.3 JavaScript 对象

1. 示例 代码 章节 | 实践对象构造：弹球
2. 示例 代码 章节 | 章节测验：弹球 + 恶魔圈
3. 示例 代码 章节 | 章节测验：弹球 + 恶魔圈（ES6 版）

A. 其他工具

1. 示例 代码 章节 | Web 入门：代码操场
2. 示例 代码 章节 | CSS 颜色选择工具
3. 示例 代码 章节 | 按键事件
4. 示例 代码 章节 | 触摸绘图板