Aprende sobre desarrollo web

你好! 欢迎来到MDN学习专区. 如果您想了解有关创建自己的网页,站点或应用程序的信息,那么您来对地方了.

MDN这一领域的目标不是让您从``初学者''到``专家'',而是从``初学者''到``舒适''的Web设计和开发. 从那时起,您应该能够自己走自己的路,从MDN其余部分以及其他来源(从中级到高级)学习,这将假定您已经掌握了广泛的知识.

如果您是一个完整的初学者,则Web开发可能会充满挑战-但请放心,我们将助您一臂之力,并提供足够的细节,使您感到舒适并适当地学习主题. 为了让您有家的感觉,无论您是学生(自己还是作为小组的一部分),正在为您的课程寻找资料的老师,业余爱好者或只是想更好地了解网络技术如何工作的人.

Novedades

学习领域的内容正在定期扩展. 从学习区域保存帖子已开始显示正在发生的变化. 经常检查!

如果您有关于主题的问题想要覆盖或缺少,请在Mozilla社区论坛Discurse上发送消息.

Dónde empezar

要继续前进,请考虑以下哪个陈述最能描述您,并转到链接的主页:

注意: 词汇表提供了术语的定义. 另外,如果您对Web开发有特定疑问," FAQ"部分可以提供有用的信息.

词汇表随机输入

IIFE: Expresión de función ejecutada inmediatamente
立即执行的函数表达式( IIFE )是在定义后立即执行的函数.

Temas tratados

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

Primeros pasos en la web
为完整的初学者提供有关Web开发的实用介绍.
HTML
HTML是用于构造内容的不同部分并定义其含义或目的的语言. 本主题详细讲授HTML.
CSS
CSS是用于样式化和绘制Web内容以及添加诸如动画之类行为的语言. 该主题提供了广泛的CSS覆盖范围.
JavaScript
JavaScript是用于向网页添加动态功能的脚本语言. 本主题讲授了编写和理解JavaScript所需的所有必需知识.
Formularios HTML
HTML表单是与用户进行交互的强大工具. 大多数情况下,它们用于收集用户数据或允许他们控制用户界面. 在下面列出的文章中,将介绍结构,样式和与Web表单交互的所有基本方面.
Accesibilidad
可访问性是一种使Web内容可供尽可能多的人使用的实践,无论其是否有残障,设备,位置或其他差异性因素. 本主题为您提供了您需要了解的所有内容.
Rendimiento web
Web性能是确保Web应用程序快速下载并响应用户交互的艺术,而与带宽,屏幕大小,网络或用户设备的功能无关.
Herramientas y pruebas
本主题涵盖开发人员用来简化工作的工具,例如跨浏览器测试工具,源代码错误解析器,格式化程序,转换工具,版本控制系统,部署工具和JavaScript框架.客户的.
Programación del lado servidor
即使您专注于客户端Web开发,了解服务器的工作方式和服务器端代码的功能仍然很有用. 本主题概述了服务器端的工作方式,并提供了详细的教程,这些教程显示了如何使用两种流行的框架(Django(Python)和Express(Node.js))构建服务器端应用程序.

Obtener los ejemplos de código

学习领域中提出的所有代码示例都可以在GitHub找到 . 如果您想复制它们以将其放在计算机上,最简单的方法是下载主代码最后一个分支的ZIP .

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

  1. 在您的机器上安装Git . 这是GitHub主要使用的软件版本控制系统.
  2. 注册到GitHub . 这很简单.
  3. 注册后,登录github.com .
  4. 打开命令控制台 (Windows)或终端( LinuxMacOS X
  5. 要学习区域的存储库复制到一个文件夹,名为Learning-Area在当前位置,在终端窗口或在命令行上,您必须使用以下命令.
     git clone https://github.com/mdn/learning-area 
  6. 现在,您可以进入目录并找到您要查找的所有文件(可以使用文件查找器或cd命令 ).

您可以按照以下步骤,使用对GitHub上主版本的最新更改来更新learning-area存储库:

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

Contáctanos

如果您有任何疑问或想知道去哪里,Mozilla是一个由网络爱好者组成的全球社区,包括导师和老师,乐意为您提供帮助. 通过WebMaker与他们联系:

我们想更多地了解您认为网站上有任何错误或遗漏的内容,对新学习主题的要求,对您不了解的项目的帮助要求或任何其他问题或疑虑. Si estás interesado en ayudar a desarrollar / mejorar el contenido, ¡mira cómo puedes ayudar y ponte en contacto! Estaremos encantados de hablar contigo, ya seas un aprendiz, maestro, desarrollador web experimentado o alguien interesado en ayudar a mejorar la experiencia de aprendizaje.

Necesito ayuda

如果您已阅读上一节,但仍然不知道去哪里或有任何疑问,请立即通过以下方式与我们联系:

  1. 给我们发电子邮件dev-mdc .
  2. 在#mdn IRC频道( 如何使用我们的IRC? )上寻求帮助.

如果您感到困惑或困惑,可以在"获得帮助"部分中找到有关寻求帮助的更多指南.

Compartir conocimiento

整个学习区是由我们的合作者建造的. 无论您是初学者,老师还是专业的Web开发人员,我们都需要您加入我们的团队. 如果您有兴趣,请查看如何提供帮助 ,我们鼓励您在列表IRC频道上与我们聊天. :)

Ver también

Boletín informativo para desarrolladores de Mozilla (sitio en inglés)
我们的Web开发人员新闻通讯是所有经验水平的宝贵资源.
EXLskills
免费开放的技术技能学习课程,包括辅导和基于项目的学习.
Codecademy (sitio en inglés)
一个从头开始学习编程语言的交互式站点,非常易于访问.
Code.org
Teoría y práctica sobre programación básica, principalmente dirigida a niños y principiantes completos.
freeCodeCamp.org
这是一个交互式站点,其中包含用于学习Web开发的教程和项目.
Mapa de alfabetización web (sitio en inglés).
基本的网络素养和21世纪技能的框架,还提供了按不同类别分类的教学活动的访问权限.
Actividades para docentes (sitio en inglés)
Mozilla基金会为教育工作者创建了一系列教学活动,涵盖了从基本的网络素养和隐私到JavaScript和Minecraft黑客的一切内容.
Edabit
数以千计的交互式JavaScript挑战.

Únete a la comunidad de aprendizaje

选择您的首选加入社区的方法: