Lär dig webbutveckling

该翻译不完整. 请帮助我们翻译这篇英文文章

欢迎使用MDN的学习门户. 在此找到的文章旨在帮助Web开发初学者掌握入门和构建简单网页所需的一切.

MDN的这一部分的目的不是要使您从"初学者"过渡到"专家",而是要从"初学者"过渡到"舒适". 感到自在时,您可以继续学习其余的MDN和其他具有较高难度的资源(需要一些背景知识),以继续学习.

Webbutveckling kan vara utmanande när du är en nybörjare, - vi kommer att hålla din hand och ge dig tillräckligt med information så att du kan börja känna dig bekväm och så att du kan lära dig ämnena ordentligt. Du borde känna dig som hemma, oavsett om du är en student som vill lära sig webbutveckling (självmant eller som del av din kurs), en lärare som letar efter kursunderlag, om du gör det som en hobby eller om du bara vill förstå mer om hur webbteknologier fungerar.

重要提示 :学习门户网站的内容会不断更新. 如果您对想要在此处看到的主题有疑问,或者觉得自己不见了,请参阅下面的" 联系方式"部分,以获取与我们联系的信息.

Var börjar man

  • 入门:如果您是Web开发的新手 ,我们建议您先阅读我们的模块Web入门 . 它提供了有关Web开发的实用介绍.
  • 特定问题:如果您对Web开发有特定问题,可以查看我们的重复问题 .
  • 除了基础知识:如果您已经掌握了知识,那么下一步就是更详细地学习HTMLCSS :从我们的HTML入门课程开始,或者继续学习CSS入门课程.
  • 继续执行脚本:如果您已经熟悉HTML和CSS,或者您主要对编码感兴趣,则应该从JavaScript或服务器端开发开始. 从Javascript第一步服务器端第一步开始 .

注意 :在词典中,您会找到术语的定义.

注意 :我们将来会发布更多的核心学习材料. 左侧的"高级学习资料"菜单指向MDN上的其他学习资料,它不一定是学习区域的一部分,但仍然有用.

随机词汇表条目

Bandbredd
带宽是在给定时间段内可以通过数据通信连接传递多少信息的度量. 通常以每秒比特数(Mbps)或每秒千兆比特数(Gbps)的倍数进行测量.

Behandlade ämnen

以下列表包含您可以在学习门户网站中找到的所有主题

Börja med webbutveckling
为初学者提供了有关Web开发的实用介绍.
HTML - Strukturera webben
HTML是我们用来构造内容的不同部分并定义其含义或目的的语言. 本主题详细讲授HTML.
CSS — Designa webben
CSS是我们用来在网页上设计和发布内容以及添加动画的语言. 本主题提供CSS的整体说明.
JavaScript — Dynamiskt skriptande client-side
JavaScript是用于向网页添加动态功能的脚本语言. 本主题讲授了使舒适的编写和理解JavaScript所需的基础知识.
Tillgänglighet — gör webben användbar av alla
可访问性是指使残障人士,您使用的是哪台计算机或移动设备,居住的地点或其他因素如何,使尽可能多的人可以访问Web上的内容. 本主题为您提供了您需要了解的所有内容.
Webbprestanda — gör webbsidor snabba och responsiva
Web性能是确保Web应用程序快速下载并响应用户交互的艺术,而与用户的带宽,屏幕大小,网络或硬件无关.
Verktyg och testande
这是关于开发人员用来促进其工作的工具,例如在多个浏览器上进行测试的工具.
Server-side website programming
即使您专注于客户端Web开发,了解服务器和服务器端代码功能的工作方式仍然很有用. 本主题概述服务器端的工作方式,并提供详细的教程,详细说明如何使用两个流行的框架Django(Python)和Express(node.js)构建服务器端应用程序.

Getting our code examples

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

  1. 在您的机器上安装Git . 这是GitHub所基于的底层版本控制系统软件.
  2. Sign up for a GitHub account.
  3. 注册后,使用您的用户名和密码登录github.com .
  4. 打开计算机的命令提示符 (Windows)或终端( LinuxmacOS
  5. 要将学习区域存储库复制到命令提示符/终端指向的当前位置的名为"学习区域"的文件夹中,请使用以下命令:
     git clone https://github.com/mdn/learning-area 
  6. 现在,您可以进入目录并找到要查找的文件(使用finder / file Explorer或cd命令 ).

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

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

Contact us

如果您想与我们取得联系,最好的方法是在邮件列表IRC频道上给我们留言. 我们希望听到您关于您认为在网站上有任何错误或遗漏的任何信息,要求学习新主题,要求获得您不了解的项目的帮助或其他任何信息.

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

See also

Codecademy
一个伟大的交互式站点,可以从头开始学习编程语言.
Code.org
基本编码理论和实践,主要针对儿童/初学者.
FreeCodeCamp.com
带有教程和项目的交互式站点,用于学习Web开发.
Web Literacy Map
入门级网络素养和21世纪技能的框架,还可以按类别对教学活动进行访问.
Teaching activities
Mozilla基金会创建了一系列教学(和学习)教学活动,涵盖了从基本的网络素养和隐私到JavaScript和Minecraft入侵的所有方面.