Aprender sobre o desenvolvimento da Web

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

欢迎来到MDN学习区 . 这组文章旨在为Web开发的初学者提供开始编程简单网站所需的一切.

MDN这一领域的目标不是让您从``初学者''转变为``专家'',而是从``初学者''转变为``变得有道理''. 从那里,您应该能够开始自己的旅程,向MDN的其他成员和其他中介学习, 获取需要大量先验知识的高级资源.

如果您是初学者Web开发可能是一个挑战-我们将帮助您,并为您提供足够的详细信息,以使您感到舒适并相应地学习主题. 无论您是学习网络开发的学生(自己还是班级的一部分),作为兴趣爱好搜索班级主题的老师,还是想进一步了解信息技术的人,都应该感到宾至如归网络工作.

重要提示 :" 学习区域"中的内容会定期添加. 如果您对想要解决的主题有疑问或认为缺少主题,请参阅下面的" 联系我们"部分,以获取有关如何取得联系的信息.

Onde começar

  • 初学者:如果您不熟悉Web开发,建议您从Web模块入门开始,该模块为Web开发提供了实用的介绍.
  • 特定问题:如果您对Web开发有特定问题,我们的常见问题部分可能会为您提供帮助.
  • 除了基础知识:如果您已经有了一些知识,那么下一步就是详细学习HTMLCSS :从我们的HTML简介模块开始,然后继续我们的CSS简介模块.
  • 转向脚本如果您已经熟悉HTML和CSS,或者您主要对代码感兴趣,那么您可能希望转向JavaScript或服务器端开发. 开始使用我们的JavaScript模块- 服务器端的 第一步第一步 .

注意 :我们的词汇表提供了术语的定义.

Tópicos abrangidos

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

Primeiros passos na aprendizagem Web
为初学者提供有关Web开发的实用介绍.
HTML — Estruturando a web
HTML是用于构造内容的不同部分并定义其含义或目的的语言.
CSS — Estilizar a web
CSS是用于样式化和格式化Web内容以及添加诸如动画之类的行为的语言. 本主题具有全面的CSS覆盖范围.
JavaScript — Scripts dinâmicos do lado do cliente
JavaScript é a Linguagem usada para adicionar funcionalidades dinâmicas a uma página Web. Este tópico ensina o essencial para se tornar confortável escrevendo e compreendendo JavaScript.
Formulários - Coletando dados de utilizadores
Web表单是一种功能强大的工具,可以与用户进行交互-最常用于从用户收集数据或允许他们控制用户界面. 在下面列出的文章中,我们将介绍结构,样式和与Web Forms交互的基本方面.
Acessibilidade — tornar a web utilizável por todos
可访问性是一种使尽可能多的人都可以使用Web的实践,而不考虑任何身体残疾,位置,设备或任何其他因素. 本主题将向您显示您需要了解的所有内容.
Ferramentas e testes
本主题涵盖开发人员用来促进其工作的工具,例如浏览器测试工具.
Programação Lado -do-Servidor
即使您专注于服务器端开发,了解服务器如何工作以及服务器端编程代码的特征也非常有用. 本主题概述了它们的工作原理,还提供了详细的教程,向您展示如何使用两种流行的框架(Django(Phyton)和Express(Node.js))构建服务器端应用程序.

Obter os nossos exemplos de código

您可以在GitHub上找到在学习区中找到的代码示例. 如果您想将它们复制到计算机上,最简单的方法是下载(ZIP)最新代码.

如果您希望以允许自动更新的更灵活的方式复制代码,则可以按照以下稍微复杂的说明进行操作:

1. Instale Git na sua máquina. 

  1. 在您的机器上安装Git . 这是GitHub所基于的底层版本控制系统软件.
  2. 注册一个GitHub帐户 . 这很简单.
  3. 注册后,使用您的用户名和密码登录github.com .
  4. 打开计算机的命令提示符 (Windows)或终端( LinuxMacOSX
  5. 要将学习区域存储库复制到命令提示符/终端指向的当前位置的名为"学习区域"的文件夹中,请使用以下命令:
    git clone https://github.com/mdn/learning-area
  6. 现在,您可以进入目录并找到您要查找的文件(使用finder / file Explorer或cd命令 ).

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

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

Contactar-nos

如果您想与我们取得联系,最好的方法是在我们的学习区讨论线程IRC频道上给我们留言. 我们希望听到您关于您认为网站上有任何错误或遗漏的内容,要求学习新主题,要求获得您不了解的项目的帮助或任何其他问题或疑虑的信息.

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

Consulte também

Boletim Informativo de Desenvolvimento da Mozilla
我们为Web开发人员提供的时事通讯,它是所有经验水平的宝贵资源.
Codecademy
一个伟大的交互式站点,可以从头开始学习编程语言.
Code.org
基本编码理论和实践,主要针对儿童/初学者.
EXLskills 
免费和开放式课程,以学习技术技能,指导和基于项目的学习
freeCodeCamp.org
一个带有教程( 挑战 )和项目的交互式网站 ,以学习Web开发.
Web Literacy Map
入门级网络素养和21世纪技能的框架,还可以按类别对教学活动进行访问.
Teaching activities
Mozilla基金会创建了一系列的教学活动,涵盖了从基本的网络素养和隐私到JavaScript和对Minecraft进行黑客攻击等所有内容.