מדריך Web Development

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

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

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

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

היכן להתחיל?

我们想与您相遇. 以下哪一项最适合您?

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

随机词汇表条目

מערך

נושאי הלימוד

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

תחילת הדרך עם ה-Web
为初学者和背景知识提供Web开发的基础和实践知识.
HTML - בונים את האינטרנט 
HTML是我们用来构造内容并定义其含义或目的的语言. 本主题深入讲授HTML语言.
CSS - מעצבים את האינטרנט
CSS是我们用来设计内容和在站点上部署内容以及添加不同的动画和动画的语言. 本主题讲授CSS语言的许多方面以及可供我们使用的工具.
JavaScript - תכנות צד לקוח 
JavaScript是一种动态编程语言,用于向网站添加动态功能. 本主题教了理解和编写JavaScript语言所需的所有工具和主题.
Web forms — Working with user data
Web表单是与用户进行交互的有效工具-最常见的是,它们用于从用户收集数据或允许他们控制用户界面. 在下面列出的文章中,我们将介绍结构,样式以及与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
数百种不同语言的免费交互式编码挑战.