学习网页编码:MDN 学习区欢迎您!

对于想要成为开发者,或想要拓展代码知识的教师来说,在网页技术中找到一个起点并不容易。在这篇博文中,我们将讨论我们创建 Mozilla Developer Network 学习区 的原因,它将帮助解决常见的学习难题,并让您快速上手网页开发。

学习区的目标是帮助初学者从“新手到熟练”,学习 HTML、CSS、JavaScript 和其他核心网页技术。在完成学习区的前几部分后,您应该能够轻松地使用 Mozilla Developer Network (MDN) 网站的其余部分。除了帮助您学习之外,我们还预计学习区将扩展我们的读者和贡献者群体,进而改善网站的搜索引擎优化 (SEO)。

为什么要创建新的学习区?

学习网页设计和开发(以及所有相关学科)一直是我们记忆中非常热门的话题。多年来,许多网页教育项目和资源一直在进行开发,而许多相关问题却一直停滞不前,没有取得进展。

  1. 行业中缺乏熟练的网页制作初级人才。
  2. 传统的教育机构往往难以了解他们所培养的行业的最新趋势。保持课程的时效性和更新性是一个挑战。许多私立代码学校的出现填补了缺乏高质量网页制作入门学习资料的空白。
  3. 考虑到行业标准和最佳实践的快速发展,以及网页在某种程度上是一个“孤儿”——它无法很好地融入传统的技术部门(如计算机科学/软件工程,因为涉及太多“软”技能)或设计部门(因为涉及太多代码和令人害怕的东西),这一点或许并不令人意外。作为一个研究领域,网页是典型的混合体。

注意:许多能够“理解”网页相关的大学课程都设在商业和新闻等相关部门。说到“糟糕”的课程,教师通常都很关心教学质量并希望改进教学,但他们不一定具备快速迭代课程所需的知识或时间。而且,由于官僚主义的原因,课程的更新速度也往往很慢。

MDN 希望通过制作一套可靠的入门学习资料来解决这些问题,帮助学生了解网页的构建技术,以及如何使用这些技术创建可访问的跨浏览器网站/应用程序。MDN 学习区旨在

  • 为自学或参加结构化课程的学生提供有效的学习资料。
  • 使学习资料的结构较为灵活,以便教师可以将其用作自己课程的补充资料,或作为新课程的基础。过于严格的结构会限制学习资料的灵活性。
  • 涵盖核心最小可行产品(包括 HTML、CSS、JavaScript、可访问性和服务器端开发基本概念)。学习资料应代表网页学习和最佳实践的标准。如果足够多的教育工作者使用它,它将提供急需的一致性。
  • 定期审查学习资料,以确保其最新性。

注意:我们还想使出版许可足够宽松,以便其他人可以轻松地获取并以任何他们想要的方式使用它。默认的 MDN 许可证是 cc-by-sa,这意味着其他人可以随意重新发布内容,只要他们注明原始作者,并且任何修改都必须使用与原始内容相同的许可证发布,从而保持其免费可用性。相关代码示例已获得 CC0 许可(任何人可以随意使用,不受限制)。

我们现在处于哪个阶段?

尽管我们一直在为 MDN 学习区添加内容,但已经有许多模块可供初学者开始使用。首先,我们有一个针对没有任何经验但仅具备基本计算机操作能力的用户的完整入门学习模块:网页入门

学习之旅的下一个阶段是我们的入门模块,这些模块教授技术的真正基础知识。到目前为止,我们分别为 HTML 和 CSS 提供了一个模块

在学习了这些模块之后,我们还提供了一些更高级的 HTML 和 CSS 模块,这些模块旨在超越基础知识,扩展这些技术的某些核心应用。

每个模块都包含一些文章来讨论相关的关键功能和技术,并在最后提供一个或两个评估,以测试您对这些教学内容的理解。

我们还提供了一个完善的 术语表,以及一些独立的文章,这些文章讨论与主要学习区内容相关的特定主题,但并不直接适合核心学习内容:请参见 常见问题

未来工作

我们正在编写的最新模块是 CSS 布局,它将涵盖当前在现代网页上使用的所有布局技术,并提供有关何时使用这些技术的建议。

网站的未来内容还将包括有关核心服务器端开发基础知识、可访问性和 JavaScript 的模块,以及可能的其他主题。

行动号召

我们一直在寻找贡献者来帮助编写和塑造学习资料——由于编写人员队伍规模较小,因此需要时间才能创建所有学习资料。有更多人参与,也有助于产生更全面、更完善的观点、反馈和风格。

如果您想参与学习区的贡献,无论是以编写、翻译现有资料、技术审查、文字校对或其他形式的反馈,请与我们联系!我们一直乐于接收外部贡献,因为它有助于形成更全面、更具协作性的努力。

我们也希望收到潜在的学生和教师的反馈,他们可能希望学习这些资料并提供学习体验的反馈。

与我们联系的最佳方式是

我们还提供一个 Trello 看板,其中概述了当前可用的写作项目。

关于 Chris Mills

Chris Mills 是 Mozilla 的高级技术作家,他撰写有关开放网页应用程序、HTML/CSS/JavaScript、A11y、WebAssembly 等方面的文档和演示文稿。他喜欢使用网页技术进行探索,并在会议和大学偶尔进行技术演讲。他曾在 Opera 和 W3C 工作,喜欢演奏重金属鼓和品尝好啤酒。他和他的妻子以及三个可爱的女儿住在英国曼彻斯特附近。

Chris Mills 的更多文章……


8 条评论

  1. Pothi Kalimuthu

    我正在重新学习所有内容,以跟上最佳实践。没有比我心爱的 Mozilla 提供更好的资源了。

    2016 年 6 月 19 日 下午 7:06

    1. Chris Mills

      谢谢 ;-) 希望您喜欢它。如果您发现任何错误、混乱或可以改进的地方,请与我们联系。

      2016 年 6 月 20 日 上午 0:53

  2. Paul Carroll

    这是如此宝贵的资源!我已经从事网站开发多年了,但我对 CSS 和 HTML 编码略显粗心大意,有一个简单的工具可以参考真是太棒了。感谢您的付出,并继续努力!

    2016 年 6 月 26 日 上午 5:00

    1. Chris Mills

      感谢 Paul 的赞赏,您的认可对我们意义重大。如果您发现任何混乱、措辞不当等问题,请告诉我 ;-)

      2016 年 6 月 26 日 下午 1:35

  3. Deepak

    Mozilla 提供的资源简直太棒了!我是一名 Android 开发人员,现在正尝试学习网页开发。它非常适合绝对的初学者以及网页开发人员。

    2016 年 6 月 27 日 下午 10:17

    1. Chris Mills

      谢谢!很高兴您发现它有用。

      2016 年 6 月 28 日 上午 2:26

  4. Abhishek

    我想学习网页开发,并且有来自像您这样的开发人员的最新课程,这对我们这样的初学者来说真的很有帮助。非常感谢您为我们创建如此出色的内容。

    2016 年 7 月 5 日 上午 11:16

    1. Chris Mills

      感谢您的善意评论。如果您发现有任何可以改进内容的地方,请告诉我们!

      2016 年 7 月 5 日 下午 2:21

本文评论已关闭。