Apprendre le développement web

欢迎来到 DND学习空间. 这套文章的目的是为新手Web开发人员提供开始开发简单网站所需的一切.

DND本部分的目的不是让您从"初学者"过渡到"专家",而是让您熟悉技术. 从那里,您应该可以使用其余的DND内容和其他资源来自己维护自己.

如果您是一个完整的初学者,则Web开发可能是一个真正的挑战-我们的目标是简化主题,使您轻松学习,同时为您提供足够的详细信息,以实现自主. 无论您是学习网络开发的学生(自己或作为学习的一部分),正在寻找课程资料的老师,业余爱好者或只是想了解方式的人,都应该感到宾至如归可以使用网络及其技术的网站.

重要提示:学习空间会定期接收新内容. 如果您对我们希望解决的主题有任何疑问,请参阅页面底部的" 与他人一起学习"部分 ,该信息将为您提供联系信息.

Par où commencer ?

  • 完全初学者:

    如果您是Web开发的初学者,我们建议您首先研究模块" Web的第一步" ,这是Web开发的实用介绍.

  • 具体问题:

    如果您对Web开发有特定疑问,我们的" 常见问题"部分可能包含一些可能有所帮助的内容.

  • 除了基础知识:

    如果您已经有了一些知识,那么下一步就是详细研究HTMLCSS :从我们的HTML简介模块开始,然后参阅CSS简介模块.

  • 编写脚本:

    如果您已经熟悉HTML和CSS,或者对编码更感兴趣,请参阅JavaScript或服务器端开发. 从我们的JavaScript模块开始:第一步服务器端的第一步 .

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

词汇表中的随机条目

Blink
Blink是基于WebKit的免费HTML呈现引擎,主要由Google作为Chromium项目的一部分开发(因此也存在于Chrome中). 更具体地说,Blink是WebKit的WebCore库的一个分支,它管理布局,渲染和DOM .

Rubriques couvertes

这是DND学习区域中涵盖的所有主题的列表.

Débuter avec le développement web
面向真正初学者的Web开发实用介绍.
HTML — structuration du web
HTML是用于构造内容的各个部分并定义其含义和作用的语言. 本文将详细介绍HTML.
CSS — style du web
CSS是一种我们可以用来设置Web内容的样式和格式以及添加诸如动画之类的行为的语言. 本文全面介绍了CSS.
JavaScript — des scripts dynamiques coté client
它是用于向网页添加动态功能的脚本语言. 本文介绍了轻松理解和编写JavaScript所需的基础知识.
Accessibilité — rendre le web utilisable par tous
可访问性包括使Web内容可供尽可能多的人使用,无论他们的残障,物质,居住或其他差异如何. 本文提供了您需要的所有知识.
Outils et tests
本主题介绍开发人员用来促进其工作的工具,例如跨浏览器测试工具.
Programmation de site web coté serveur
即使您专注于客户端开发,了解服务器的工作方式和服务器端代码功能仍然很有用. 本主题概述了服务器端的操作,并提供了教程,详细介绍了如何使用两种流行的应用程序环境(Django(在Python中)和Express(node.js))构建服务器端应用程序.

Obtenir nos exemples de code

您将在Learning Space中找到的代码示例都可以在GitHub上找到 . 如果要将它们复制到计算机上,最简单的方法是:

  1. 在您的机器上安装Git . 这是运行GitHub的基础版本控制软件.
  2. S'inscrire pour obtenir un compte GitHub.
  3. 注册后,使用您的用户名和密码登录github.com .
  4. 打开命令提示符 (Windows)或终端( LinuxmacOS
  5. 要将名称为" learning-area"的目录从学习空间存储库复制到计算机上的当前位置,请使用以下命令:
     git clone https://github.com/mdn/learning-area 
  6. 现在,您可以进入目录并找到要查找的文件(使用文件浏览器或cd命令 ).

您可以通过以下步骤更新learning-area存储库,以获取对GitHub主版本进行的所有更改:

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

Nous contacter

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

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

Voir aussi

Mozilla Developer Newsletter
我们为网络开发人员提供的时事通讯,对所有技能水平都有很大帮助.
Codecademy
一个从一开始就学习编程语言的交互式站点.
Code.org
基本和实用的编码理论,主要面向儿童和初学者.
freeCodeCamp.org
Site interactif avec didacticiels et projets pour apprendre le développement web.
Web Literacy Map

一个面向21世纪技能的初学者级Web技能的框架,该框架还提供按类别分类的教育活动的访问权限.

Activités d'enseignement

Une série d'activités de formation à l'enseignement (et l'apprentissage) créée par la Fondation Mozilla, couvrant tout, de l'initiation au Web et à la protection de la vie privée à JavaScript et au piratage de Minecraft.

Edabit
数以千计的交互式JavaScript挑战.