Aprendre desenvolupament web

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

这个MDN领域的目标不是从"初学者"变成"专家",而是从"初学者"变成"舒适". 从这里,您应该能够开始自己的方式,从MDN站点其余部分的内容以及需要更多先验知识的其他中间或高级资源中学习.

如果您是从头开始,则Web开发可能是一个挑战:我们将帮助您,并为您提供足够的详细信息,以使您感到自在并正确地了解主题. 无论您是在学习还是想学习如何开发网站(自己或作为课堂的一部分),无论您是老师还是在寻找课堂资料,无论是业余爱好还是某个人,都需要有家的感觉他只想了解网络技术的工作原理.

重要提示 :新内容会定期添加到学习区域. 如果您对想要学习或缺少的主题有疑问,请参见下面的"联系我们"部分 ,以获取联系方式的信息.

On començar

  • 初学者:如果您刚刚开始Web开发,我们建议您开始通过Web模块上的Home进行操作,该模块为Web开发提供了实用的介绍.
  • 特定问题:如果您对Web开发有特定问题,我们的" 常见问题"部分可以提供帮助.
  • 除了基础知识:如果您已经掌握了知识,那么下一步就是详细学习HTMLCSS :从我们的HTML简介模块开始,然后继续我们的CSS简介模块.
  • 继续使用脚本:如果您已经熟悉HTML和CSS,或者主要对编码感兴趣,则可以继续进行JavaScript或服务器端开发. 开始使用我们的JavaScript 第一步服务器端步骤模块.

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

随机词汇表条目

AJAX
AJAX(异步JavaScriptXML )是结合HTMLCSS ,JavaScript, DOM和XMLHttpRequest 对象以构建更复杂的网页的编程实践. AJAX允许您执行的操作是更新网页的某些部分,而不必重新加载整个页面. AJAX还允许您异步工作,也就是说,代码在部分网页试图重新加载时继续运行(与同步相比,它将阻止代码执行直到部分网页已重新加载).

Temes coberts

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

Introducció a la web
Proporciona una introducció pràctica al desenvolupament web per a principiants.
HTML — Estructuració de la web
HTML是我们用来构造内容的不同部分并定义其含义或目的的语言. 本主题详细讲授HTML.
CSS — Donar estil a la web
CSS是我们可以用来设计和设计Web内容以及添加诸如动画之类行为的语言. 此主题提供了完整的CSS覆盖范围.
JavaScript — Script dinàmic del costat del client
Javascript是用于向网页添加动态功能的脚本语言. 本主题教您舒适地编写和理解Java脚本所需的一切.
Accessibilitat — Fer que la web sigui utilitzable per tots
可访问性是一种使Web内容可供尽可能多的人使用的实践,无论他们的残障,设备,位置或其他差异因素如何. 本主题为您提供了您需要了解的所有内容.
Eines i proves
本主题涵盖了开发人员用来简化工作的工具,例如跨浏览器测试工具.
Programació del lloc web del costat del servidor
即使您专注于客户端Web开发,了解服务器的工作方式和服务器端代码功能也仍然很有帮助. 本主题概述服务器端的工作方式,并提供详细的教程,重点介绍如何使用两种流行的框架Django(Python)和Express(node.js)创建服务器端应用程序.

Obtenir els nostres exemples de codis

学习区中的代码示例可在GitHub上获得 . 如果要将它们复制到计算机,最简单的方法是:

  1. 在机器上安装Git . 这是GitHub工作的基础版本控制系统软件.
  2. 注册一个GitHub帐户 . 简单明了.
  3. 注册后, 使用您的用户名和密码登录github.com .
  4. 打开计算机(Windows)或终端( LinuxMacOSX命令 提示符
  5. 要将学习区域存储库复制到命令提示符/终端指向的当前位置的名为学习区域的文件夹,请使用以下命令:
    git clone https://github.com/mdn/learning-area
  6. Ara podeu entrar en el directori i trobar els fitxers que busqueu (utilitzant el cercador/explorador de fitxers o l'ordre cd).

您可以通过以下步骤将àrea d'aprenentatge存储库(进行任何更改)升级到GitHub上的主版本:

  1. 在命令提示符下,转到目录àrea d'aprenentatge 使用CD. 例如,如果您在根目录中:
    cd learning-area
  2. 按照以下顺序更新存储库:
    git pull

Contacteu amb nosaltres

如果您想就任何问题与我们联系,最好的方法是在我们的学习区IRC频道 的讲话中给我们留言. 我们想知道您认为网站上有任何错误或遗漏的内容,对新学习主题的要求,对您不理解的文章的帮助要求或任何其他问题或疑虑.

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

Vegeu també

Butlletí per a desenvolupadors de Mozilla
我们为Web开发人员提供的时事通讯是所有经验水平的宝贵资源.
Codecademy
一个伟大的交互式站点,可以从头开始学习编程语言.
Code.org
基本编码理论和实践,主要针对儿童/初学者.
freeCodeCamp.org
带有教程和项目的交互式站点,用于学习Web开发.
Mapa d'Alfabetització Web
在入门级和21世纪技能方面的网络素养框架,还提供按类别分类的教学活动.
Activitats docents
Mozilla基金会创建了一系列教学(和学习)教学活动,范围从基本的网络素养和隐私到JavaScript和Minecraft盗版.