Awesome Open Source
Awesome Open Source

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. 示例 代码 章节 | 触摸绘图板
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,074,350
Javascipt (1,074,349
Html (246,614
Css (145,239
Learning (75,940
Web (37,370
Repos (4,058
Mozilla (2,804
Mdn (832