Belajar Pengembangan Web

欢迎来到MDN学习区. 本文的目的是为初学者开发人员提供一个完整的指南,以指导他们开始编写简单网站所需的知识.

MDN区域的目的不是将您从"初学者"更改为"专家",而是将您从"初学者"更改为"舒适点". 从现在开始,您将根据自己的先验知识开始自己的学习,从MDN资源和其他资源(中级到高级)中学习.

如果您是初学者,则开发网络将具有挑战性-我们的目标是引导您并详细解释,以便您感到舒适并学习适当的主题. 无论您是学习Web开发的学生(为自己还是参加课程),要在课堂上寻求学习材料的老师,粉丝或只是想进一步了解网络技术工作原理的人,都需要在家中.

重要提示 :学习领域的内容正在逐步添加. 如果您对想要关闭或迷路的主题有疑问,请参阅下面的" 联系我们"部分,以获取有关联系方式的信息.

Dimana harus memulai

  • 初学者:如果您是Web开发的初学者,我们建议您开始学习我们的模块Web入门 ,该模块为Web开发提供了实用的介绍.
  • 特定问题如果您对Web开发有特定问题,我们的"常见问题"部分可能会为您提供帮助.
  • 了解基础知识如果您已经具备一些基础知识,那么下一步就是详细学习HTMLCSS :从我们的HTML简介模块开始,然后继续到CSS简介模块.
  • 继续编写脚本如果您已经了解HTML和CSS知识,或者您确实对编码感兴趣,则可以学习JavaScript或服务器端开发. 从JavaScript Initial AlloyServer-Side Start模块开始.

注意词汇表提供了术语的定义.

随机词汇表条目

JavaScript
JavaScript(JS)是一种编程语言,通常在客户端(客户端)上使用它来动态地在Web页面上创建脚本 ,但也经常在服务器端( 服务器 )上使用.

Topik pembahasan

以下是我们在MDN学习区域中讨论的所有主题列表.

Mulai bekerja dengan web
为初学者提供有关Web开发的实用介绍.
HTML — Penstrukturan web
HTML是我们用来排列内容的不同部分并解释预期目的的语言. 本主题详细讲授HTML.
CSS — Mendesain web
CSS是我们用来设计和放置Web内容以及添加"运动"(如动画)的语言. 本主题提供了理解CSS的范围.
JavaScript — Skripsi lintas-klien dinamis
JavaScript是一种论文语言,用于向网页添加动态功能. 本主题讲授了熟悉和编写JavaScript所需的所有重要事项.
Aksesbilitas — membuat web dapat digunakan semua orang
可访问性是一种使残障人士,设备,位置或其他不同因素使Web内容可供尽可能多的人访问的实践. 本主题为您提供了您需要了解的所有内容.
Perfoma Web — membuat situs web cepat dan responsif
Web性能是确保无论用户的带宽,屏幕大小,网络或设备功能如何,都可以快速下载Web应用程序并对用户交互做出响应的艺术.
Peralatan dan pengujian
本主题揭示了用于其工作场所的开发人员工具,例如跨浏览器测试工具.
Pemrograman website lintas-server
即使您专注于跨客户端Web开发,服务器和跨服务器代码功能的工作方式仍然很有用. 本主题提供了有关跨服务器工作原理的一般介绍,以及详细的教程,展示了如何使用两个著名的框架Django(Python)和Express(node.js)创建跨服务器应用程序.

Dapatkan contoh kode kami

您将在学习区中找到的代码示例都可以在GitHub上找到 . 如果要将所有内容都复制到计算机上,则可以使用一种简单的方法来下载最终的分支ZIP主代码 .

如果您希望以更灵活的方式(允许自动更新)复制存储 ,则可以按照更复杂的说明进行操作:

  1. 在您的设备上安装Git . 这是GitHub控制系统的基础软件版本.
  2. Daftar untuk akun GitHub.
  3. 注册后,请使用用户名和密码登录github.com .
  4. 在计算机上打开命令提示符 (Windows)或终端( LinuxmacOS
  5. 要将学习区域存储库复制到命令提示符/终端指向的当前位置的名为" learning-area"的文件夹中,请使用以下命令:
      git clone https://github.com/mdn/learning-area 
  6. 现在,您可以进入目录并找到要查找的文件(使用文件查找器/资源管理器(文件资源管理器或cd命令 ).

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

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

Hubungi Kami

如果您想与我们联系,请向邮件列表IRC频道发送消息. 如果您认为网站上有任何错误或缺少的内容,我们将做出回应,寻求新的学习主题,就无法理解的项目或其他问题寻求帮助.

如果您对帮助和开发内容感兴趣,请参阅" 如何提供帮助 "部分并立即建立联系! 无论您是学生,教师,经验丰富的Web开发人员,还是有兴趣帮助发展学习体验的其他人,我们都希望与您进行交流.

Lihat Juga

Buletin pengembang Mozilla
我们为网络开发人员提供的时事通讯是所有经验水平的宝贵资源
Web demystified
精彩的视频系列,介绍了Web基础知识,适合Web开发的初学者. JérémiePatonnier制作
Codecademy
从一开始就是学习编程语言的最佳交互式网站.
BitDegree
编码游戏学习过程的基本理论. 特别适合初学者.
Code.org
Teori dasar coding dan praktek, terutama ditujukan untuk anak-anak / pemula.
EXLskills
免费和开放式学习,可通过导师和计划学习来学习技术技能
freeCodeCamp.org
具有教程的交互式站点,旨在学习Web开发
Web literacy map
21世纪网络素养和能力的框架,还提供按类别排序的教学活动的访问权限.
Teaching activities
Mozilla基金会创建的一系列教与学(和学习)活动,涵盖了从基本的网络和隐私文学到Minecraft JavaScript和黑客技术的所有内容.
Edabit
数以千计的交互式JavaScript挑战.