iYeonyeon / learning-area

MDN 学习区示例中文版

learning-area

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

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

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

以下内容不定期更新，希望你能喜欢，觉得还不错请双击 666~

---

汉化目录

0. Web 入门

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

1. HTML

1.1 HTML 初步

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

1.2 HTML 多媒体和嵌入元素

1. 示例 代码 章节 | 章节测验：Mozilla 宣传页

1.3 HTML 表格

1. 示例 代码 章节 | 章节测验：太阳系行星数据

3. JavaScript

3.1 JavaScript 初步

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

3.2 JavaScript 基础要件

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

3.3 JavaScript 对象

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

A. 其他工具

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