/learning-area

MDN 学习区示例中文版

Primary LanguageHTMLCreative Commons Zero v1.0 UniversalCC0-1.0

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. 示例 代码 章节 | 触摸绘图板