เรียนรู้การพัฒนาเว็บ

该翻译不完整. 请帮助翻译本文

欢迎来到MDN学习区这个系列的目的 是建立一个基础,使初学者可以轻松地开始开发网站

这个领域的目的不是要让您成为 "入门"将成为"专家",但可以让您学习 无论您从中学到什么,都可以以自己的方式放松 其余的MDN或其他需要基础知识的中高级资源

如果你真的是一个初学者 Web开发可能对我们构成挑战. 将带您并提供足够的细节,使您感到放松 并能够正确学习各种主题 无论您身在何处,您都会感到舒适. 将是正在学习网络开发的学生 或将成为教授 谁在寻找课堂内容,业余爱好者,或者只是想学习网络技术的工作原理

重要提示:学习区域中内容将定期添加. 如果您对此主题有疑问 那需要解决 或感到迷路 请与我们联系,请在下面与我们联系 .

จะเริ่มต้นที่ไหนดี

  • ผู้เริ่มต้น:

    如果您是真正的初学者 我们推荐 网络入门 哪些将提供基本信息 关于网页开发

  • คำถามเฉพาะ:

    如果您有关于以下方面的具体问题 我们一般性问题中的网站开发可能会为您解答.

  • รู้เกินกว่าพื้นฐาน:

    如果您已经了解这些基础知识,那么接下来的学习步骤是HTMLCSS.总而言之,请从我们的HTML简介开始,并进一步了解CSS.

  • ย้ายไปสู่การเขียนสคริปต์:

    如果您已经能够使用HTML和CSS 还是对编写代码感兴趣下一步是JavaScript或开发.在Server Embedded中,从JavaScript开始.第一步 ,在服务器端,这是我们的第一步.

หมายเหตุ: อภิธานศัพท์ ของเราจะช่วยให้คำจำกัดความของคำศัพท์ต่างๆ

快速学习:词汇

Node.js
Node.js是一个跨平台的JavaScript运行时环境,允许开发人员使用JavaScript构建服务器端和网络应用程序.

เนื้อหาที่ครอบคลุม

这是我们在MDN学习区域中介绍的内容.

เริ่มต้นกับเว็บ
为完整的初学者提供有关Web开发的实用介绍.
HTML — โครงสร้างของเว็บ
HTML是我们用来构造内容的不同部分并定义其含义或目的的语言. 本主题详细讲授HTML.
CSS — ตกแต่งเว็บ
CSS是一种语言,我们可以使用它来设置网页内容的样式和布局以及添加动画等行为. 本主题全面介绍CSS.
JavaScript — การเขียนสคริปต์แบบไดนามิกด้านไคลเอนต์
JavaScript是用于向网页添加动态功能的脚本语言. 本主题讲授了熟悉和编写JavaScript所需的所有基本知识.
การเข้าถึง — ทำให้ทุกคนสามารถใช้เว็บไซต์ได้
可访问性是一种使残障人士,设备,语言环境或其他差异性因素使Web内容尽可能多地可供人们使用的实践. 本主题为您提供了所有您需要了解的内容.
ประสิทธิภาพ — การทำให้เว็บไซต์เร็วและมีการตอบสนอง
Web性能是确保Web应用程序快速下载并响应用户交互的艺术,无论用户带宽,屏幕大小,网络或设备功能如何.
เครื่องมือและการทดสอบ
本主题涵盖开发人员用来促进其工作的工具,例如跨浏览器测试工具.
การเขียนโปรแกรมเว็บไซต์ฝั่งเซอร์เวอร์
即使您专注于客户端Web开发,了解服务器和服务器端代码功能的工作方式仍然很有用. 本主题提供服务器端工作原理的一般介绍,以及详细的教程,展示如何使用两个流行的框架Django(Python)和Express(node.js)构建服务器端应用程序.

รับโค้ดตัวอย่างของเรา

您可以在研究区域中找到的示例代码都可以在GitHub上找到. 将其复制到您的计算机上. 最简单的方法是从最新的master分支下载ZIP文件.

หากคุณต้องการที่จะคัดลอกจากรีพอซิทรีในรูปแบบที่ยืดหยุ่นกว่า ซึ่งจะทำให้คุณสามารถอัปเดต ได้อย่างอัตโนมัติ คุณจะต้องทำตามขั้นตอนที่ซับซ้อนกว่าเดิมดังต่อไปนี้:

  1. 在您的设备上安装Git . 这是用于控制GitHub用作操作基础的改进的软件.
  2. สร้างบัญชี GitHub
  3. 创建帐户后 使用您的用户名和密码登录github.com .
  4. 在计算机上打开命令提示符(Windows)或终端( LinuxMac OS ).
  5. 将该学习区域的存储库复制到一个名为的文件夹中 命令提示符或终端指向的当前位置的learning-area 可以使用以下命令完成:
     git clone https://github.com/mdn/learning-area 
  6. 您现在可以输入目录. 并找到您需要的文件 (可以使用Finder / File Explorer或cd命令完成

您可以更新 learning-area 通过以下步骤在GitHub上更改主要更改:

  1. 在命令提示符或终端中 进入目录 使用cd learning-area例如 如果您在父目录中 要使用命令:
     cd learning-area 
  2. อัปเดตรีพอซิทรีด้วยคำสั่งต่อไปนี้:
    git pull

ติดต่อเรา

如果您想联系我们 最好的选择是 在我们的学习区话语线程IRC频道留言,我们希望听到您的消息 您是否认为网站上有错或遗漏? 申请新的学习主题 寻求帮助 您不了解的项目 或其他问题或疑虑

如果您有兴趣帮助改善内容,请查看如何提供帮助并保持联系. 我们很高兴与您联系. 无论您是学习者,还是具有网站开发经验的老师 或有兴趣帮助改善的人 这种学习经历

ดูเพิ่ม

Mozilla developer newsletter
我们为Web开发人员提供的时事通讯,是所有经验水平的宝贵资源.
Web demystified
一系列介绍Web基础知识的视频,专门面向完全的Web开发初学者. 由JérémiePatonnier创建.
Codecademy
一个伟大的交互式站点,可以从头开始学习编程语言.
BitDegree
基本编码理论,具有游戏化的学习过程. 主要针对初学者.
Code.org
基本编码理论和实践,主要针对儿童/初学者.
EXLskills 
免费和开放式课程,用于学习技术技能,指导和基于项目的学习
freeCodeCamp.org
带有教程和项目的交互式站点,用于学习Web开发.
Web literacy map
入门级网络素养和21世纪技能的框架,还可以按类别对教学活动进行访问.
Teaching activities
Mozilla基金会创建了一系列教学(和学习)教学活动,涵盖了从基本的网络素养和隐私到JavaScript和Minecraft入侵的所有方面.
Edabit
数百种不同语言的免费交互式编码挑战.