Μάθετε Web Development

欢迎使用MDN(Mozilla开发人员网络)学习环境. 提供的文章范围为您提​​供了一个年轻的开发人员构建简单网站所需的内容

该MDN教程系列的目标不仅是从"初学者"开发人员过渡到"专业"人员,而且要平稳地发展到使您对条款和程序感到满意的水平. 除此之外, 还可以通过向MDN和其他提供高级Web开发主题的资源进行学习来发展自己 . 但是请记住,每一项新知识都要求您了解到目前为止所学的一切.

如果您是一个完整的初学者,则对您而言网络开发可能会很困难. 但是,我们为您提供舒适和学习内容所需的所有知识. 无论您已经在学习Web开发,还是作为老师正在为教室寻找资料,或者是否是业余爱好,或者只是想了解Web技术的工作原理,都需要宾至如归.

重要提示:学习内容通常会扩展. 如果您有任何疑问或想解决的问题,请参阅页面底部的" 联系我们 "以了解如何与我们联系.

  • 从哪里开始

    初学者:如果您是Web开发的初学者,我们建议您开始使用Web部分 ,该部分为您提供Web开发的简介.
  • 特定问题:如果您对Web开发有特定问题," 常见问题"部分可以帮助您解决问题.
  • 除了基础知识:如果您已经有了一些知识,那么下一步就是深入学习HTML和CSS:从HTML简介部分开始,然后遍历CSS简介部分 .
  • 继续编写脚本: Εάν ήδη νιώθετε άνετα με τη χρήση της HTML και της CSS, ή αν κυρίως σαν ενδιαφέρει ο κώδικας, θα θέλατε να προχωρήστε με την εκμάθηση της Javascript ή γενικά με το server-side development. Ξεκινήστε με τις ενότητες JavaScript first steps και Server-side first steps.

注意我们的词汇表提供了术语解释

注意 :我们将来会发布更多基本资料. 左侧的"高级学习资料"菜单会指向另一个MDN学习资料,它不一定是学习环境的一部分,但仍然特别有用.

Θέματα που καλύπτονται         

下面的列表包括MDN学习环境中涵盖的所有主题

Ξεκινώντας με τον ιστό
对于初学者,有一个关于Web开发的基本介绍.
HTML — Στήνοντας τον ιστό
HTML是我们用来设置内容不同部分并确定其含义或目的的语言. 本节将深入介绍HTML.
CSS — Διακοσμώντας τον ιστό
CSS是我们用来装饰和自定义内容以及添加功能(例如动画)的语言. 本节为您提供基本的CSS培训.
JavaScript — Dynamic client-side scripting
JavaScript是一种脚本语言,用于向网页添加动态功能. 本节为您提供舒适编写和理解Javascript的所有基本知识.
Προσβασιμότητα— κάντε τον ιστό προσβάσιμο για τον καθένα
可访问性是使Web内容可供尽可能多的人使用的结果,无论特定的需求,设备,区域或其他因素如何. 本节将为您提供所有您需要了解的内容.
Web Performance — κάνοντας τις ιστοσελίδες γρήγορες και ανταποκρίσιμες
Web性能是一种确保应用程序快速下载并响应用户的艺术,而不论用户的速度,屏幕的大小以及设备的功能或网络功能如何.
Εργαλεία και testing
本节介绍了开发人员用来促进其工作的工具,例如用于不同浏览器的通用测试工具.
Server-side προγραμματισμός
即使您专注于用户进行Web开发,了解服务器端及其功能的工作方式仍然很有用. 本部分为您提供服务器工作原理的一般介绍,以及详细的指南,向您展示如何使用两个著名的框架Django(Python)和Express(node.js)部署服务器端应用程序.

Πως παίρνουμε τα παραδείγματα κώδικα

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

如果要以更灵活的方式复制存储库以允许您接收自动更新,则需要遵循一些说明:

  1. 在计算机上安装Git . 这是GitHub控制系统软件的当前版本.
  2. Εγγραφείτε στο GitHub
  3. 完成注册后,使用您的用户名和密码登录github.com .
  4. 打开命令提示符 (Windows)或终端( LinuxmacOS
  5. 要将学习资料库复制到一个自动创建的文件夹,该文件夹位于特定位置,该文​​件夹将在显示命令提示符(通常为C:\ Users \ username>)或您的终端机(username @ computer name)的特定位置命名为learning-area. :〜$),键入以下命令:
     git clone https://github.com/mdn/learning-area 
  6. 现在,您可以访问所需的文件夹和文件(使用Finder /文件浏览器(例如,浏览我们的计算机并使用我们的文件,或者使用comand提示符/终端上的cd命令).

您可以通过以下步骤使用对GitHub上原始版本的任何更改来更新learning-area存储库:

  1. 在命令提示符/终端,使用cd命令导航到learning-area目录. 例如,如果您位于包含learning-area文件夹的文件夹中,请键入:
     cd learning-area 
  2. 更改目录后,使用以下命令从资源库获取更新:
     git pull 

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

如果您想与任何人取得联系,最好的方法是在电子邮件列表IRC频道上留言. 我们很乐意听到您的任何错误或遗漏,要求学习新主题,寻求帮助以解决您不了解的事情以及您想要的其他任何事情.

如果您有兴趣开发/改进内容,请查看如何提供帮助 ,并与我们联系! 无论您是学生,教师,经验丰富的Web开发人员,还是对帮助改善学习体验感兴趣的人,我们都非常乐意与您交谈.

Δείτε επίσης

Mozilla developer newsletter
我们为网络开发人员提供的时事通讯,它是所有经验水平的良好信息来源
Web demystified
一系列解释网络基础的视频,主要针对全新的Web开发初学者. 由JérémiePatonnier创建.
Codecademy
一个很棒的交互式站点,从头开始教您编程语言.
BitDegree
基本编程理论与基于游戏的学习. 它主要针对初学者
Code.org
基本的编程理论和实践,主要针对儿童/初学者
EXLskills 
提供免费的公开课,以学习技术技能,并以项目指导和设计为学习基础
FreeCodeCamp.com
带有指导和项目的交互式站点,以学习Web开发.
Web Literacy Map
入门级网络素养和21世纪技能的框架,还可以按类别访问教学活动
Teaching activities
Mozilla基金会创建了一系列教与学活动,涵盖从基本的Web素养和隐私到JavaScript和Minecraft黑客的一切.
Edabit
各种编程语言中数百种免费的交互式编码挑战.