Aprendendo desenvolvimento web

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

MDN这一领域的目标不是让您从``初学者''到``专家'',而是让您从``初学者''到``舒适''. 从那里,您可以开始自己的道路,从MDN其余部分以及其他具有许多先验知识的高级中间资源中学习.

如果您是新手,则网络开发可能会充满挑战-我们将为您提供帮助,并提供足够的详细信息以使您放心并相应地学习主题. 您必须有家的感觉,无论是学习Web开发的学生(单独或作为课程的一部分),正在为课程寻找资料的老师,爱好或只是想了解更多有关Web技术如何工作的人.

O que há de novo?

学习区内容会定期添加. 我们开始保留学习区发行说明以显示更改之处-定期检查!

如果您对想要覆盖或缺少的主题有疑问,请在" 论坛"中向我们发送消息.

Onde começar

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

词汇表随机输入

W3C
World Network Consortium(来自World Wide Web Consortium的免费翻译),或简称为W3C是维护与Web相关的规则和框架的国际社会

Assuntos abordados

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

Intordução à Web
为初学者提供有关Web开发的实用介绍.
HTML - Estruturando a Web
HTML是我们用来构造内容的不同部分并定义其含义或目的的语言. 本主题详细讲授HTML.
CSS - Estilizando a Web
除了添加诸如动画之类的行为外,CSS是一种可用于设置Web内容样式和布局的语言. 本主题全面介绍CSS.
JavaScript — Script dinamico do lado do cliente
JavaScript是用于向网页添加动态功能的脚本语言. 本主题教您熟悉编写和理解JavaScript所需的所有基本知识.
Formulários web - Trabalhando com dados do usuário
Web表单是与用户进行交互的非常强大的工具-它们通常用于从用户收集数据或允许他们控制用户界面. 在下面列出的文章中,我们将介绍结构,样式以及与Web表单交互的所有基本方面.
Acessibilidade - torne a web utilizável por todos
可访问性是一种使Web内容可供尽可能多的人使用的实践,而与残障,设备,位置或其他差异性因素无关. 本主题提供您需要了解的所有内容.
Desempenho da Web - tornando os sites rápidos e responsivos
Web性能是确保应用程序快速下载并响应用户交互的艺术,而无论设备容量,屏幕大小,网络或资源如何.
Ferramentas e testes

本主题涵盖开发人员用来简化工作的工具,例如浏览器,lint,格式化程序,转换工具,版本控制系统和部署工具之间的测试工具.

Programação do site no servidor
即使您专注于客户端Web开发,了解服务器和服务器端代码功能的工作方式仍然很有用. 本主题概述了服务器端的工作方式,并提供了详细的教程,向您展示如何使用两个流行的框架Django(Python)和Express(Node.js)创建服务器端应用程序.

Obtendo nossos exemplos de código

可以在GitHub上的学习区中找到代码示例. 如果要将它们全部复制到计算机上,最简单的方法是下载主代码最后一个分支的ZIP .

如果您希望以允许自动更新的更灵活的方式复制存储库,请按照更复杂的说明进行操作:

  1. Instale o Git na sua máquina. Este é o software do sistema de controle de versão, no qual o GitHub trabalha.
  2. 打开计算机的命令提示符 (Windows)或终端( LinuxmacOS ).
  3. 要将学习区域存储库复制到命令提示符/终端所指向的当前位置的名为学习区域的文件夹中,请使用以下命令:
    git clone https://github.com/mdn/learning-area
  4. Agora você pode entrar no diretório e encontrar os arquivos que procura (usando o Finder / File Explorer ou o comando cd).

您可以使用以下步骤,使用在GitHub上的主版本中所做的更改来更新learning-area存储库:

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

Contate-nos

如果您想与我们联系,最好的方法是向" 讨论论坛"发送消息. 我们希望听到您对网站上任何错误或遗漏的想法,对新学习主题的要求,对您不了解的项目的帮助要求,或任何其他问题或疑虑.

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

Veja também

Boletim informativo para desenvovedores mozilla
我们为Web开发人员提供的时事通讯,它是所有经验水平的绝佳资源.
Learn JavaScript
对于有抱负的Web开发人员而言,这是一个极好的资源-在交互式环境中学习JavaScript,并在自动评估的指导下进行简短的课程和交互式测试. 前40课是免费的,整个课程仅需少量的一次性费用.
Web demystified
一系列针对Web开发初学者的视频,介绍了Web基础知识. 由JérémiePatonnier创建.
Codecademy
一个伟大的交互式网站,可从零开始学习编程语言.
BitDegree

基本编程理论,具有游戏化的学习过程. 主要针对初学者.

Code.org
基本的编程理论和实践,主要针对儿童/初学者.
EXLskills
免费和开放式课程,以学习技术技能,并提供指导和基于项目的学习.
freeCodeCamp.org
带有教程和项目的交互式网站,用于学习Web开发.
Web literacy map
基本水平的网络素养和21世纪技能的框架,还提供按类别分类的教学活动.
Edabit
数以千计的交互式JavaScript挑战.