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

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

MDN的这一部分的目的不是让您立即成为"专家",而是使您"知识渊博". 然后,您可以通过研究MDN其余部分以及其他将总结您以前的知识的高级专业资源来选择自己的道路.

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

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

З чого почати

  • 初学者:如果您是Web开发的新手,为了熟悉该主题,我们建议您开始使用" 入门Web"模块.
  • 常见问题:如果您对Web开发有任何一般性问题," 常见问题"部分将为您提供帮助.
  • 高级:如果您已经掌握了基本概念,那么下一步就是更详细地研究HTMLCSS :从HTML简介模块开始,然后继续CSS简介 .
  • 我们编写脚本:如果您已经有足够的HTML和CSS或主要对编码感兴趣,则应该使用JavaScript . 首先从JavaScript中的"入门"部分开始,然后从服务器端开始 .

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

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

以下是我们在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. 现在,您可以进入目录,然后找到您的文件(使用finder / file explorer或cd命令 ).

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

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

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

如果您出于任何原因想与我们联系,请给我们发送电子邮件IRC频道 . 我们希望获得您对网站上的错误和不正确之处,对新培训主题的要求,对使用不清楚工具的帮助的要求或其他任何观点.

如果您有兴趣开发/改进内容,请查看如何提供帮助 ,让我们听听吧! 无论您是谁,无论是学生,老师,经验丰富的Web开发人员,还是有兴趣帮助您改善学习体验的任何人,我们都非常乐意与您交流.

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

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