Μάθετε προγραμματισμό web

欢迎来到MDN学习区. 本系列文章面向初学者,旨在为您提供开始网站开发所需的所有知识.

MDN学习领域的目标不是让您"专业",而是帮助您结识. 从那里,您将能够在MDN和其他来源的帮助下发展,这些来源分析需要基础知识的更复杂主题.

如果您是初学者,则网页设计可能会很困难-但是我们会为您提供指导,并为您提供足够的详细信息,以使您感到舒适并学习正确的内容. 如果您已经在学习本学科,或者您正在教学和寻找课程材料,或者您是业余爱好,或者只是想学习网络技术的工作原理,那么您都不会有问题.

Τι νέο υπάρχει;

学习领域的内容会定期增加. 我们会为学习区域发布发行说明,以使您随时了解更改-不要忘记定期检查新内容!

如果您对想要涵盖的主题有疑问,或者您认为缺少什么,请在我们的Discourse论坛中告诉我们.

Από πού να ξεκινήσετε

注意 :我们的词汇表提供术语定义. 另外,如果您有关于Web编程的特定问题," 常见问题"部分可能会为您提供帮助.

随机词汇

AJAX
AJAX(异步JavaScriptXML-异步JavaScriptXML )是HTMLCSS ,JavaScript, DOM和对象( 对象XMLHttpRequest的编程实践组合,以创建更复杂的网站. AJAX允许您更新网站的某些部分,而不必重新加载整个页面. AJAX还允许您异步工作,这意味着您的代码仍在运行,而网站的某些部分正试图重新加载(与同步工作相比,同步工作是在网站的部分加载完成之前才执行代码.你的).

Καλυπτόμενα θέματα

以下是MDN学习区域中涵盖的所有主题的列表.

Ξεκινώντας με το web
提供了初学者Web编程的基本介绍.
HTML — Κατασκευή του web
HTML是我们用来构造内容的各个部分并确定其含义或目的的语言. 本文深入介绍了HTML.
CSS — Διακόσμηση του web
CSS是我们用来装饰和编辑内容以及添加行为(例如动作效果)的语言. 本文为您提供了基本的CSS培训.
JavaScript — Δυναμικά σενάρια από την πλευρά του πελάτη
JavaScript是一种脚本编程语言,我们用于向网站添加动态功能. 本文介绍了有关编写和理解Java脚本所需了解的一切.
Προσβασιμότητα — κάντε το web χρήσιμο για όλους
可访问性是一种使残障人士,设备,位置或其他因素对在线内容尽可能多的用户可用的做法. 本文提供了所有必要的信息.
Επιδόσεις web — γρήγορες και ανταποκρίσιμες ιστοσελίδες
Web性能是实现高速Web应用程序的艺术,并且在与用户交互时具有良好的响应能力,而不论用户的带宽,屏幕大小,网络或设备功能如何.
Εργαλεία και δοκιμή
本文介绍了开发人员用来促进其工作的工具,例如用于不同浏览器的测试工具,lint,格式化程序,转换工具,版本控制系统,开发工具和客户端上的JavaScript框架.
Προγραμματισμός ιστοσελίδων από την πλευρά του διακομιστή
即使您专注于客户端方面的Web编程,了解服务器及其代码功能的工作方式也会很有帮助. 本文概述了服务器的工作原理,并提供了详细的指南,向您展示了如何在两个著名的框架Django(Python)和Express(node.js)的帮助下开发服务器端应用程序.

Απόκτηση παραδειγμάτων κώδικα

您将在学习领域中找到的代码示例都可以在GitHub上找到 . 如果要将所有内容复制到计算机,最简单的方法是下载最新的主要分支代码的ZIP .

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

  1. 在计算机上安装Git . 这是GitHub工作的版本控制系统软件.
  2. 在计算机上打开命令行 (Windows)或终端( LinuxmacOS ).
  3. 要将学习区域的存储库复制到命令行或终端显示的位置中名为" learning-area"的文件夹,请使用以下命令:
    git clone https://github.com/mdn/learning-area
  4. 现在,您可以打开目录并查找所需的文件(通过Finder / File Explorer或cd 命令 ).

在GitHub上对主版本进行任何更改后,您可以按照以下步骤更新learning-area存储库:

  1. 在命令行/终端中,使用cd命令进入learning-area目录. 例如,如果您在父列表中:
    cd learning-area
  2. 使用以下命令更新存储库:
    git pull

Επικοινωνήστε μαζί μας

如果您想与我们联系,最好的方法是在我们的Discourse论坛上给我们留言. 我们想告诉我们您是否认为网站有问题或缺失,是否有新的学习要求,是否有一些您不了解的帮助或任何其他问题/疑虑.

如果您有兴趣帮助内容的开发/改进,请查看如何帮助和与我们联系! 无论您是学生,教师,经验丰富的Web开发人员,还是只是对改善学习体验感兴趣的人,我们都会很高兴与您联系.

Δείτε επίσης

Mozilla newsletter για προγραμματιστές
我们为Web开发人员提供的时事通讯,它是所有经验水平的绝佳信息来源.
Learn JavaScript
对于年轻的Web开发人员来说,这是一个极好的信息来源-在交互式环境中学习JavaScript,并提供简短的课程和交互式测试,同时提供自动评估. 前40门课程是免费的,您只需支付少量一次性费用即可获得整个课程.
Web demystified
精彩的视频系列,面向初学者,介绍了网络的基本问题. 由JérémiePatonnier创建.
Codecademy
Μια εξαιρετική, διαδραστική ιστοσελίδα για εκμάθηση γλωσσών προγραμματισμού από την αρχή.
BitDegree
基本代码理论,有趣的学习过程. 它主要针对初学者.
Code.org
基本的代码理论和实践,主要针对儿童/初学者.
EXLskills
免费开放技术技能开源课程. 提供指导并通过工作实现学习.
freeCodeCamp.org
交互式网站,其中包含学习网络编程的指南和任务.
Web literacy map
一个有关网络和技能的基本知识的框架,同时还提供对教学活动的访问权限.
Edabit
数以千计的交互式JavaScript挑战.