Вчимо веб-розробку

欢迎来到MDN培训区域. 这些文章旨在为Web开发的初学者提供开始编写简单站点代码所需的一切.

MDN这部分的目的不是要使您立即成为"初学者"或"专家",而是要使您成为"知识渊博的人". 然后,您可以通过研究MDN其余部分以及其他将总结先前知识的高级专业资源来选择下一步.

如果您是一个完整的初学者,则Web开发可能对您构成挑战-我们将为您提供支持并提供详细信息,以使您感到舒适并适当地学习该主题. 无论您是学习Web开发的学生(无论是独自还是在教室里),正在寻找课程资料的老师,业余爱好者或只是想更详细地了解Web技术的工作原理,您都感觉像水中的鱼.

重要提示 :培训区域的内容会不断更新. 如果您对未涵盖的主题有疑问,请联系下面的" 联系我们"部分.

З чого почати

  • 初学者:如果您是Web开发的初学者,那么对于本主题的实际介绍,我们建议从Web入门模块开始.
  • 常见问题解答:如果您对Web开发有一般性问题," 常见问题解答"部分将为您提供帮助.
  • 高级:如果您已经掌握了基本概念,那么下一步将是了解有关HTMLCSS的更多信息:从HTML简介模块开始,然后继续CSS简介 .
  • 我们编写脚本:如果您已经有足够的HTML和CSS或主要对编码感兴趣,则应切换到JavaScript . 从JavaScript 入门服务器端开始 .

注意 :我们的词典提供了术语的定义.

在字典中随机输入

HTTP
超文本传输​​协议( HTTP )是基本协议 ,它允许您通过网络 (主要是在浏览器和服务器之间)传输超媒体文档,以便人们可以阅读它们.HTTP规范的当前版本称为HTTP / 2.

Охоплені теми

以下是我们在MDN研究区域中涵盖的所有主题的列表.

Початок роботи з Інтернетом
为完整的初学者提供Web开发的动手入门.
HTML - структурування інтернету
HTML是我们用来构造内容的不同部分并定义其内容或目的的语言. 本主题详细讲授HTML.
CSS — стилізація інтернету
CSS是一种语言,我们可以使用它来更改Web内容的外观和感觉,以及添加诸如动画之类的行为. 本主题全面介绍CSS.
JavaScript — динамічні сценарії на стороні клієнта
JavaScript是一种脚本语言,用于向网页添加动态功能. 本主题概述了舒适编写和理解JavaScript的所有必要元素.
Доступність — зробити інтернет зручним для всіх
可访问性是一种为尽可能多的人创建Web内容的实践,无论其是否有残障,设备,语言或其他差异. 本主题为您提供了您需要了解的所有内容.
Інструменти та тестування
本主题涵盖开发人员用来简化工作的工具,例如跨浏览器测试工具.
Програмування сайту на стороні сервера
即使您专注于开发客户端网页,了解服务器和服务器端代码组件的工作方式也会很有帮助. 该主题概述了服务器部分的工作方式,并提供了详细的教程,它们描述了如何使用两个流行的框架Django(Python)和Express(node.js)创建服务器程序.

Отримання прикладів нашого коду

可以在GitHub上找到在培训区域找到的所有代码示例. 如果要将它们全部复制到计算机上,最简单的方法是:

  1. 在您的汽车上安装Git . 这是运行GitHub的基本版本控制软件.
  2. Отримайте обліковий запис на GitHub.
  3. 注册后,使用您的用户名和密码登录github.com .
  4. 打开计算机命令提示符(Windows)或终端(Linux,macOS).
  5. 要将学习区存储库复制到指定您的命令行/终端的当前位置的名为学习区的文件夹中,请使用以下命令:
    git clone https://github.com/mdn/learning-area
  6. Тепер ви можете ввести каталог та потім знаходити ваші файли, (використовуючи шукач/файловий провідник або команду cd).

您可以使用对GitHub上的主版本所做的任何更改来更新learning-area存储库,如下所示:

  1. 在命令提示符/终端,使用cd导航到learning-area目录. 例如,如果您在父目录中:
    cd learning-area
  2. 使用以下命令更新存储库:
    git pull

Зв'яжіться з нами

如果您出于任何原因要与我们联系,请向我们发送电子邮件至邮件列表IRC频道 . 我们想知道您对网站上的错误和不正确之处,对新学习主题的要求,对难以理解的工具的帮助或其他要求的意见.

如果您有兴趣开发/改进内容,请查看如何提供帮助 ,让我们听听! 无论您是谁,学生,老师,经验丰富的Web开发人员或任何有兴趣提供增强学习体验的人,我们都将非常高兴与您联系.

Дивіться також

Mozilla Developer Newsletter
我们为Web开发人员提供的时事通讯,它是所有经验水平的宝贵资源.
Codecademy
一个伟大的交互式站点,可以从头开始学习编程语言.
Code.org
基本的代码编写理论和实践,主要针对儿童和初学者.
EXLskills 
免费和开放式课程,学习技术技能,并提供指导和培训项目
Web Literacy Map
一个面向21世纪入门级网络素养和技能的平台,该平台还提供按类别分类的教材的访问权限.
Teaching activities
Mozilla基金会创建了一系列教学材料(和学习材料),涵盖了从基本的在线素养和隐私到JavaScript和Minecraft黑客的一切内容.
Edabit
数百种不同语言的免费交互式编码任务.