初学者网站开发指南

自20世纪90年代以来，很少有东西仍然保持着永恒的社会钉书钉朋友那口袋妖怪布兰妮·斯皮尔斯(Britney Spears)和互联网。

严重地。很多东西都来了，但这些家伙陷入了困境，用Y2K拳打滚动，并将自己整合到我们的社会中。（神奇宝贝去了或者一个新的布兰妮斯皮尔斯维加斯居住有人知道吗?)

然而，没有什么比互联网更能表明“我在这里”了。从拨号上网和美国在线一切镀铬和IOT.，〜* Interwebs *〜完全渗透了我们的生活。

学习Web开发是有点像喝火软管。谷歌“编码”，你已经把软管彻底爆炸了。本指南可作为滴滴滴水，让您熟悉网络发展世界并兴致。它绝不是一个综合手册。

在本指南中，我们将涵盖web开发的基本知识，创建网站的过程，以及为那些想要学习更多开发知识或成为开发人员的人提供的额外资源。reybet雷竞技下载

继续阅读潜入网站开发或使用章节链接跳过指南。

虽然Web开发通常是指Web标记和编码，但它包括所有相关的开发任务，例如客户端脚本，服务器端脚本，服务器和网络安全配置，电子商务开发和内容管理系统（CMS）开发。

了解为什么千万客户使用CMS集线器建立一个优化的网站，这些网站与他们的Hubspot CRM数据和完整的营销套件集成。

为什么web开发很重要?

您可能是招聘自由开发人员的企业所有者，以建立您的网站，营销人员向您的开发团队投放愿景，或者学习作为职业发展的学生。无论您是谁或为什么您阅读本指南，了解网站开发的基础知识可能会有所帮助地在这一技术驱动的世界中。

互联网很快就不会消失。事实上，它成为世界上的研究，联系，教育和娱乐的门户和主要方法。截至2019年，有4.2亿互联网用户．这超过了世界人口的一半，这些人使用互联网的原因多种多样。

这些原因有什么共同之处是什么？他们需要一个网站，每个网站都需要熟练的Web开发人员。

Web开发也是一个迅速扩大的行业。在现在到2028年之间，预计Web开发人员的就业增长13％．这比大多数其他技术职业更快。

现在我们已经定义了web开发，让我们回顾一些web开发的基础知识来更好地熟悉这个主题。

1.网站是什么

网站是存储在服务器上的文件，这些文件是主机的计算机（花哨的术语“为”存储文件“）网站。这些服务器连接到一个名为Internet的巨型网络......或全球网络（如果我们坚持90s术语）。我们在下一节中详细讨论服务器。

浏览器是通过你的互联网连接加载网站的电脑程序，如谷歌Chrome或internet Explorer。你的电脑也被称为客户端．

2. IP地址是什么

互联网协议是一组管理互联网互动的一套标准。

要访问网站，您需要了解其IP地址。IP地址是一个唯一的数字字符串。每个设备都有一个IP地址，以区分自身来自数十亿的网站和通过Internet连接的设备。

HUBSPOT的IP地址为104.16.249.5。您可以通过访问网站找到任何网站的IP地址网站24X7.或者在Windows上使用命令提示符网络实用程序> Traceroute在MacBook上。

要找到设备的IP地址，你也可以在搜索浏览器中输入“我的IP地址”。

虽然你可以通过IP地址访问一个网站，但大多数互联网用户更喜欢使用域名或通过搜索引擎。

3.HTTP是什么意思

超文本传输​​协议(HTTP)将您和您的网站请求连接到包含所有网站数据的远程服务器。它是一组规则（一个协议），它定义了如何通过Internet发送消息。它允许您在网站页面和网站之间跳转。

当你在浏览器中输入一个网站或通过搜索引擎进行搜索时，HTTP提供了一个框架，以便客户端(计算机)和服务器在互联网上发出请求和响应时能够使用相同的语言。它本质上是你和互联网之间的翻译器——它读取你的网站请求，读取从服务器发回的代码，然后以网站的形式为你翻译。

4.编码是什么

编码指使用服务器和应用程序的编写代码编程语言．它们被称为“语言”，因为它们包括词汇和语法规则，用于与计算机进行通信。它们还包括特殊命令，缩写和标点符号，只能由设备和程序读取。

所有软件雷竞技苹果下载官方版都至少由一种编码语言编写，但语言因平台、操作系统和风格而异。有许多不同类型的编码语言，它们都分为两类，前端和后端。

5.前端是什么意思

前端(或客户端)是作为互联网用户看到并与之交互的网站或软件的那一面。雷竞技苹果下载官方版当网站信息从服务器传输到浏览器时，前端编码语言使网站无需与互联网持续“沟通”就能正常运行。

前端代码允许像你我这样的用户与网站互动，播放视频，扩展或最小化图像，突出文本，等等。从事前端编码工作的Web开发人员从事客户端开发工作。

我们将在下一节中更多有关前端开发的更多信息。

6.后端是什么意思

后端(或服务器端)是你使用互联网时看不到的一面。它是数字基础设施，对于非开发人员来说，它看起来就像一堆数字、字母和符号。

还有更多的后端编码语言而不是前端语言。那是因为浏览器 - 在前端 - 只能了解JavaScript，而是一个服务器 - 在后端 - 可以配置为要了解几乎任何语言。我们将介绍更多关于后端开发的关于接下来的更多信息。

7.什么是CMS

内容管理系统（CMS）是Web应用程序或用于创建和管理Web内容的一系列程序。（注意：CMSS不一样网站建设者,就像Squarespace要么Wix.．)

了解为什么千万客户使用CMS集线器建立一个优化的网站，这些网站与他们的Hubspot CRM数据和完整的营销套件集成。

虽然不需要建立一个网站，但使用CMS会让事情变得更容易。它提供了构建块(比如插件和加载项），并允许您使用代码创建结构。CMS通常用于电子商务和博客，但它们对所有类型的网站都很有用。

8.什么是网络安全

只要互联网存在，就会有用户希望在网站中找到漏洞，以暴露私人信息，窃取数据和崩溃服务器。保护数据，网络和计算机的网络安全实践来自这些威胁。

黑客使用的方法不断发展，因为对他们来说采取的安全措施是安全措施。未能理解您的网站如何目标可能导致灾难。

所以，在学习网络开发的同时，至少对网络安全有一个基本的了解是很重要的网络安全指南更多信息。

无论你是想雇佣一个网站开发人员还是想成为一个网站开发人员，你都应该了解开发人员可以掌握的不同类型的网站开发。

这些不同类型的Web开发主要是指Web开发的职业的不同部门ers.可以工作 - 我们在上面的部分中引用了其中的一些。其中一些差异重叠，并且通常，Web开发人员将掌握多种类型的Web开发。

1.前端开发

前端开发人员工作在客户端——或者网站、程序和软件面向用户的那一面——换句话说，就是用户看到的东西。雷竞技苹果下载官方版他们设计和开发视觉方面，包括布局、导航、图形和其他美学。

这些开发人员的主要工作是建立帮助用户达到目标的接口，这就是为什么他们经常有一只手用户体验他们项目的方面。用户体验中的背景有助于前端开发人员对最终用户的同理化进行同情。

2.后端开发

如果前端是用户看到的，后端就是他们没有的。后端Web开发人员在网站，程序和软件的服务器上工作，以确保一切正常在幕后工作。雷竞技苹果下载官方版

这些开发人员在服务器，操作系统等系统中工作，蜜蜂和数据库并管理安全性，内容和站点结构的代码。他们与前端开发人员合作，将产品带到用户身上。

3.完全堆栈开发

完整的堆栈开发者在一个网站的前端和后端工作。他们可以从头到尾创建一个网站、应用程序或软件程序。雷竞技苹果下载官方版“堆栈”是指在同一个网站上处理不同功能的不同技术，如服务器、界面等。

由于完整的堆栈开发人员需要几年的领域来建立必要的经验，因此通常追捧这一角色。他们的全部知识有助于他们优化性能，在发生之前捕获问题，并帮助团队成员理解Web服务的不同部分。

4.网站开发

网站开发人员可以是前端，后端或全堆叠开发人员。但是，这些专业人员专注于建设网站，而不是移动应用程序，桌面软件或视频游戏。雷竞技苹果下载官方版

5.桌面开发

桌面开发人员专注于构建设备上本地运行的软件应用程序，而不是在Web浏览器中的Inte雷竞技苹果下载官方版rnet。有时，如果应用程序可以在线和关闭，则这些开发人员的技能将与Web开发人员的技能重叠。

6.移动开发

移动开发人员构建移动设备的应用程序如智能手机或平板电脑。移动应用程序与其他网站和软件程序不同，因此需要单独的开发技能和专业编程语言的知识。雷竞技苹果下载官方版

7.游戏开发

游戏开发人员专注于编写视频游戏代码，包括控制台游戏（Xbox，PlayStation等）和移动游戏 - 这意味着这种专业与移动开发有点重叠。

然而，游戏开发者专注于创造游戏体验，这本身就是一种完全不同的技能。

8.嵌入式开发

嵌入式开发人员与所有不是计算机的硬件合作（或者至少，我们大多数人想象为“计算机”，带有键盘和屏幕）。这包括电子接口，消费者设备，IOT设备，实时系统等。

随着智能设备、蓝牙技术和虚拟助理等互联设备的兴起，嵌入式开发正成为一种需求旺盛的实践。

9.安全开发

安全开发人员建立软件程序或网站安全的方法和程序。雷竞技苹果下载官方版这些开发人员通常作为道德黑客工作，试图“打破”网站，以暴露漏洞而不打算伤害。他们还构建发现和消除安全风险的系统。

现在，让我们潜入Web开发过程（涉及许多这些类型的发展）。

网站开发过程

创建网站的过程并不像1-2-3那么容易。基于网站，编程语言和资源的类型，每个开发路径都不同。reybet雷竞技下载

以下部分简要介绍了web开发过程，并简要介绍了最常用的语言和CMS选项。

1.形成一个计划。

在将笔铺设到键盘之前，首先与组织中的团队和人员联系至关重要，以开发您的网站的计划。

这里有一些问题，在你的网站初稿前要考虑:

• 您网站的目标是什么？
• 谁是你的受众，你希望他们在你的网站上做什么?
• 网站的类型是什么？（例如，基本信息，会员资格，在线商店）
• 您旨在发布的内容以及在什么卷？这个内容的目的是什么？
• 考虑到大图片，您将如何构建您的网站以获得最佳导航体验？
• 你的预算是什么？

回答问题需要在您的Web开发，营销和金融团队之间接口进行信息。从这里，您可以列出您的优先级并从现在开始开发时间表直到午餐。在过程开始时更容易创建路线图，而不是恢复在障碍中的进度。

2.创建一个线框。

所有好的网站都以蓝图开头。开发人员称之为线框或网站地图（不要与之混淆sitemap.xml.，这是一个XML文件这有助于SERP爬行并找到您的网站）。它不一定是官方文件;这只是您的网站的愿景，它会给您和您的开发人员的方向和一个开始的地方。您可以将其绘制在白板上或使用刀具invision.那Slickplan,或Mindnode.．

就像业务计划一样，潜在的投资者洞察您的目标和可交付成果，一个地图地图给开发商一个想到了您所描绘的内容以及满足您愿景所需的信息。您可以自己创建您的网站地图或与开发人员一起使用。

以下是在规划网站时问自己的几个问题：

• 你想要什么个人页面？这些页面上的内容是什么？
• 如何将这些页面组织成类别？（这些类别可能代表您的主页菜单 - 如果它有助于这样思考。）
• 您网站上页面的层次是什么？
• 页面将如何链接在一起？
• 对您的网站和用户体验至关重要的页面和类别，以及哪些页面可以删除或组合？

同样，与组织内的其他团队进行协商也是一个好主意。如果你有一个搜索引擎优化和/或内容策略团队，他们的输入将是关键的链接结构和分类的页面。

3.写下您的网站代码。

Web开发过程中的下一步正在编写代码。

开发人员将对网站的前端和后端使用不同的编码语言，以及网站的不同功能（如设计，交互等）这些不同的语言共同努力构建和运行您的网站。

让我们从最常用的语言．几乎每个网站都在一起使用这三个，而且您可能也将会使用这三个。

HTML.

超文本标记语言（HTML）自20世纪90年代以来已被使用。这是所有网站的基础，代表了创建网站所需的最低限度。（是的你可以仅用HTML创建一个网站．但是，它看起来不会太漂亮。）

以下是一个基本的HTMLBootstrap按钮．

点击我

像CSS和JavaScript这样的语言增强和修改由此构建的基本站点结构HTML代码．HTML5是最新版本，支持跨平台浏览器功能，使其在移动应用程序开发中流行。

CSS.

层叠样式表(CSS)是在20世纪90年代末开发的。它为网站添加了排版，颜色和布局等设计元素 - 这是化妆品代码。

CSS允许开发者改变你的网站，使之符合你所设想的美学，并且像HTML5一样，CSS兼容所有浏览器。

这是一个用于自定义jumbotron元素的代码片段引导CSS．

jumbotron {
背景:# 27 a967;
白颜色;
text-align:中心;
}

.jumbotron p {
白颜色;
字体大小：26px;
}

javascript.

JavaScript是最顶级的编码语言。创建于90年代中期的JavaScript被用来为网站添加功能。开发人员使用它来添加动画，在某些页面中自动化任务，以及添加增强用户体验的交互功能。

JavaScript正在快速发展。曾经被认为是“玩具”语言的JavaScript现在是世界上使用最广泛的编码语言。在Node.Js的帮助下，它现在是一种后端编码语言。它是浏览器能够理解的第一种语言，有些人甚至讨论过将机器学习应用于它。

下面是一个JavaScript代码片段自动在WordPress的新窗口中打开链接．

HTML，CSS，JavaScript是Web开发的“三大”。几乎每个网站都以某种能力使用它们。还有很多其他人，如服务器端语言Java那c++那Python， 和SQL.，但了解这三个是您的网站开发知识的基础。

4.建立网站的后端。

编写代码可能是web开发中比较复杂的部分之一，但它并不是唯一的部分。你还必须建立你的后端和前端网站结构和设计。

让我们从后端开始。

后端处理在前端启用功能的数据。例如，Facebook的后端存储了我的照片，以便前端可以允许其他人查看它们。它由两个关键组件组成：

• 数据库，这负责存储，组织和处理数据，以便通过服务器请求可检索
• 服务器，即构成计算机的硬件和软件。雷竞技苹果下载官方版服务器负责发送、处理和接收数据请求。它们是数据库和客户机/浏览器之间的中介。实际上，浏览器将告诉服务器“我需要这个信息”，而服务器将知道如何从数据库中获取该信息并将其发送给客户端。

这些组件共同努力为每个网站构建基础。

至于建筑物您的网站，后端开发人员将建立三件事。

1. 您的逻辑代码，这基本上是一组规则，您的网站如何响应某些请求以及您网站的对象将如何互动。
2. 您的数据库管理，这是你的网站组织、管理和检索数据的方式。
3. 您的基础设施，这是您的网站将如何托管。托管您自己的网站将为您提供更大的控制，但它更昂贵，并要求您维护自己的服务器健康和安全性。

有了这些组件和决策，您的网站就可以进行前端开发了。

笔记：后端是略与Web开发相切，因为如果您没有存储任何数据，您并不总是需要后端。在此上下文中的“数据”是指您输入保存和持续性的任何用户输入的信息。考虑登录网站。如果他们没有后端，他们怎么能记住你的登录信息？或者您的个人资料设置是什么？要获取此信息，您需要一个后端。

Facebook是一个例子，需要知道人们在朋友列表中，您加入了哪些事件，您创建的帖子以及更多。这是生活在数据库中的所有“数据”。如果他们没有与数据库的后端，则它们都不会访问它们。

另一方面，一个纯粹是信息性的网站，不要求用户输入任何数据都不需要后端。

因此，如果您没有数据，则不一定需要后端开发。但那并不是说你不应该学习基础知识。你永远不知道你什么时候需要它。

5.构建网站的前端。

如果您曾在WebSpress，Squarespace或WordPress，SquArespace或Squarespace的网站上使用过网站设计或玩具谷歌网站，您触及了前端的Web开发。

前端的东西很重要 - 这就是您的访问者，客户和用户，以及他们将如何使用您的网站。

前端（或客户端）开发包括JavaScript，HTML和CSS的组合。它还控制诸如排版和字体、导航、定位、浏览器兼容性和响应性。这部分将反映你最初的网站愿景和你在线框中包含的内容。

作为技术和消费者偏好的变化，客户端编码往往已经过时......比后端开发更快。这是编码资源的地方（如下面包含的那样）派上reybet雷竞技下载用场。

6.（可选）与CMS合作。

为什么有人会选择CMS而不是“手工”或“从头开始”编码呢?嗯，CMS更容易使用(您需要编写更少的代码)，而且它通常有托管站点的工具。另一方面，它的灵活性较差，因此对前端的控制较少。

了解成千上万的客户使用Hubspot的CMS来构建与其集中式CRM数据和完整营销堆栈集成的优化网站。

CMS选项通常还包括一些插件，这些插件无需编写后端程序。例如，有一些WordPress插件用于电子商务，这样你就不用建立一个复杂的后端来收取客户的信用卡费用，而只需使用一个现有的插件，就可以完全避免处理数据库和服务器端代码。

流行内容管理系统包括HubSpot的那Joomla那玛托托而WordPress已经过时了60％的市场份额．(在我们谈论的这个例子中开源WordPress软件雷竞技苹果下载官方版，不是WordPress网站建设者．)

7.获取域名。

此时，您的网站将具有IP地址。它也需要一个域名，您的访问者可以使用的难忘网站名称来查找您的网站。

也许你已经听说过的网站去吧爸爸和徘徊．这些服务帮助您购买域名和注册ICANN.(互联网名称及号码分配机构)。大多数域名注册有效期为一年，然后需要续签。

网站建设者托管服务，比如WordPress.和Squarespace，也允许您购买一个域名。

8.启动您的网站。

一旦你建立了一个域名并将其链接到你的主机上，你就差不多准备好将你的作品公诸于众了。

但是，不要这么快，仍然有一些在官方发布之前，您需要检查的事情．这些包括计划团队的责任，彻底测试您的网站，以便任何毛刺，优化SEO，并在“翻转交换机”之前的最终检查并使您的网站成为现场。

网站开发资源reybet雷竞技下载

有兴趣了解更多有关开发和编码的信息吗？与其他开发人员的连接和联网之外，您可以使用大量资源进一步进一步理解或Web开发。reybet雷竞技下载

网络开发课程和课程

无论您是想探索后端，前端还是全堆栈编码，这里有一些由我们自己的传记开发人员推荐的一些在线课程和课程。

TutorialsPoint

所有内容和资源上reybet雷竞技下载TutorialsPoint免费的。在教程，电子书和视频之间，教程服务提供了许多不同的学习方式。

egghead.

根据他们的网站，“egghead.是一组工作Web开发专业人士和开源贡献者，为您提供简明，信息密集的视频课程在行业中最好的工具。“用户可以参加课程，收听播客，或者在各种网络开发主题上课程。

汗学院

汗学院是一个着名的自由教育资源。用户可以从宏观经济学到美国历史，以及少数少数计算主题．

freeCodeCamp

freeCodeCamp是一个非营利组织（如khan学院），帮助人们免费学习代码。FreeCodecamp的成千上万的文章，视频和互动课程以及全球研究组，有助于数千名开发人员和工程师了解编程和土地开发工作。

树屋

团队树屋是基于订阅的在线学习计划。用户支付每月费用，并获得数百名课程20个不同的主题．从JavaScript到Python再到PHP, Treehouse可以教你所有你需要知道的关于web开发的知识。

Web开发社区

Web开发人员是互联网的主人，所以他们在网上闲逛是有道理的。

根据代码公寓，开发人员加入这些社区：

• 最新资讯及解决问题
• 深刻的答案，新的观点
• 各级程序员的提示和技巧
• 链接到资源，会谈和reybet雷竞技下载研究论文
• 结识新朋友，代码伙伴和潜在合作伙伴raybet平台

以下是我们HubSpot开发人员推荐的几个在线社区。

堆栈溢出

堆栈溢出介绍了十年前此后成为世界上最受欢迎的编程社区之一。据联合创始人Jeff Atwood称，“堆栈溢出”是编程人员的程序员，最终意图集体增加了世界上良好的编程知识的总和。“

堆栈溢出是一个伟大的地方，因为大多数时候，其他开发人员都要求和回答相同的问题。堆栈溢出的论坛会让您与其他开发人员保持联系，同时还可以让您了解情况。

Mozilla开发网络

Mozilla开发网络(MDN)已知比其他在线资源更彻底和准确。reybet雷竞技下载它与编码语言的综合资源和文档库并不多。在学习某些职能如何工作并保持对编码和开发新闻的最新时，MDN很有用。raybetapp

reddit.

reddit.是一个基于论坛的社区，所有级别的开发者聚集在这里提问和回答问题。它具有令人难以置信的互动性，包括来自世界各地的人。你也可以根据主题加入“看板”，比如网页设计那javascript.,或自由职业．

投身网络开发

互联网在这里留下来。每天都越来越好，网络开发商处于这些创新和改进的前线。从此博客到您最喜欢的社交网络到您在手机上使用的应用程序，Web开发几乎触及了您的一天的每个部分 - 以及您的业务。

花点时间了解编码和编程，不仅改善你的生活，而且也是你的客户的生活。

编者注：这篇文章最初发表于2018年11月，并已更新全面性。