Apprendre le développement web

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

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

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

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

Par où commencer ?

  • 完全入门:

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

  • 具体问题:

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

  • 除了基础知识:

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

  • 编写脚本:

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

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

词汇表中的随机条目

Jank
Jank 指用户界面的速度缓慢,通常是由于在主线程上运行长任务,阻止渲染或为后台进程花费过多的处理器能力所致.

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. Ouvrir l'invite de commande (Windows) ou un terminal (Linux, macOS)
  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
带有教程和项目的交互式站点,用于学习Web开发.
Web Literacy Map

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

Activités d'enseignement

Mozilla基金会创建了一系列教学(和学习)培训活动,涵盖了从启动到网络,隐私,JavaScript和入侵Minecraft的所有方面.

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