מדריך Web Development

欢迎来到MDN学习区. 这组文章旨在为没有编程背景的人们提供开始开发网站和Web应用程序所需的工具的知识.

MDN领域的目的不是让您从"初学者"到"专家",而是从"初学者"到"舒适". 从那里,您应该能够自己进步,从我们网站和其他网站上的其余内容中学习.

如果您完全缺乏编程,那么一定要了解Web开发可能具有挑战性,这一点很重要-我们将尽力提供足够的详细信息,以便您感到舒适并适当地学习主题.

重要提示 :学习区域中的内容会定期更新. 如果您对我们正在讨论的主题有任何疑问,或者希望我们添加新主题,请随时与我们联系.

היכן להתחיל?

我们想在这里遇见您. 以下哪项最能描述您?

  • 初学者-了解Web环境

    如果您缺乏Web开发的背景知识,建议您从"具有Web环境的初学者"模块开始,该模块提供Web开发的所有基础知识和介绍.

  • 高级-HTML和CSS知识

    如果您已经掌握了基础知识,并且想更深入地学习HTMLCSS ,我们建议您使用HTML模块系列-和我们的CSS模块系列.

  • 高级-熟悉JavaScript

    如果您已经熟悉HTML和CSS,或者您主要对学习JavaScript编程语言感兴趣,那么我们建议您继续学习JavaScript上的一系列模块-动态客户端脚本服务器端网站编程 . 我们也很乐意帮助扩大学习领域 .

注意:我们的词典包含对每个术语和短语的解释. 尝试充分利用它.

随机词汇表条目

תגית
HTML中 ,标记用于创建元素 . 一个HTML元素的名称是在尖括号如<P>用于段的名称 . 请注意,结束标记的名称前面带有斜杠字符" </ p>",并且在空元素中,既不需要也不允许使用结束标记. 如果未提及属性 ,则在每种情况下均使用默认值.

נושאי הלימוד

这些是我们在MDN区域中涉及的主题:

תחילת הדרך עם ה-Web
为初学者和背景知识提供Web开发的基础和实践知识.
HTML - בונים את האינטרנט 
HTML是我们用来构造内容并定义其含义或目的的语言. 本主题深入讲授HTML语言.
CSS - מעצבים את האינטרנט
CSS是我们用来设计内容和在站点上部署内容以及添加不同动画和动画的语言. 本主题讲授CSS语言的许多方面以及我们可以使用的工具.
JavaScript - תכנות צד לקוח 
JavaScript是一种动态编程语言,用于向网站添加动态功能. 本主题教了理解和编写JavaScript语言所需的所有工具和主题.
נגישות אתרים
Web的可访问性此概念结合了许多公认的做法,旨在使尽可能多的人可以访问Web上的内容,而不会造成身体残疾,设备类型,位置和其他因素的影响. 本主题涉及您需要了解的所有内容.
Web Performance - הפיכת האתר למהיר ורספונסיבי
这种性能是使网站和基于Web的应用程序快速且对用户交互做出响应的艺术,而不会影响用户的浏览速度,屏幕尺寸,设备限制等.
כלים ובדיקות
本主题涵盖了开发人员测试和测试开发所需的所有工具.
תכנות צד-שרת
即使您专注于客户端开发,这对于理解什么是服务器,什么是服务器端代码以及它们如何协同工作也将非常有用且必要. 本主题提供了对服务器端工作方式的一般理解,以及有关如何使用两种流行的框架Django(Python)和Express(node.js)来构建服务器端应用程序的详细指南.

דוגמאות הקוד שלנו

כל דוגמאות הקוד שלנו זמינים כמובן גם ב-GitHub. אם תרצו להוריד עותק מרוכז שלהם למחשב, תוכלו להוריד קובץ ZIP מרוכז.

如果您希望以更复杂的方式复制存储库,但又可以自动更新代码示例,请参见此处的英文说明.

צרו עמנו קשר

如果您想就任何主题与我们联系,最好的方法是在学习区域的讨论线程IRC频道中. 我们想听听您是否认为网站缺少某些内容,或者是无法解释或不清楚的主题,当然还有发现错误的地方. 当然,请随时与任何问题联系.

如果您有兴趣在我们的网站上帮助和开发内容,请参阅我们有关如何帮助和联系我们的文章. 我们非常乐意与您讨论您是学生,教师,经验丰富的开发人员,还是只是想帮助改善网站用户的学习体验.

ראו גם

Mozilla developer newsletter
我们的Web开发人员新闻通讯-各种经验的丰富信息来源.
Web demystified
一系列精彩的视频解释了Web开发的基础知识,主要是针对那些没有背景的人. 由JérémiePatonnier创建.
Codecademy
一个优秀的交互式站点,可以从基础学习编程语言.
Code.org
一个基本的编程站点,主要为背景/儿童设计.
freeCodeCamp.org
优秀的交互式网站,用于学习网站开发.
Teaching activities
Mozilla基金会创建了一系列教学(和学习)教学活动,涵盖了从基本的网络素养和隐私到JavaScript和Minecraft入侵的所有方面.
Edabit
数百种不同语言的免费交互式编码挑战.