Lär dig webbutveckling

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

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

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

当您是初学者时,Web开发可能会充满挑战-我们将握住您的手,为您提供足够的信息,以便您可以轻松自如并正确地学习主题. 无论您是想学习网络开发的学生(个体经营还是作为课程的一部分),您都应该有家的感觉,如果您是业余爱好,还是正在寻找课程资料的老师,或者只是想了解更多关于网络技术如何工作.

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

Var börjar man

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

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

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

随机词汇表条目

IP Adress

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进行黑客攻击等所有内容.