如何在 2021 年成为一名 Web 开发人员

从最基本的软件到最具创新性的创新，技术在我们的日常生活中发挥着重要作用。 我们遇到的每个网站或软件都是由 Web 开发人员创建的，但什么是 Web 开发以及 Web 开发人员做什么？

对于未经训练的人来说，这似乎是一个困难、令人困惑和难以接近的区域。 因此，为了对这个迷人的行业有所了解，我们编写了 Web 开发的终极指南，以及如何成为一名成熟的 Web 开发人员。

我们将在本指南中深入介绍 Web 开发的基础知识，以及您进入该领域所需的技能和资源。 如果您决定 Web 开发适合您，那么下一步就是学习必要的技能。

但首先，我们将看看 2021 年 Web 开发行业的状况，并确定这是否是明智的职业选择——特别强调 2020 年和 COVID-19 大流行的影响。

现在是开始 Web 开发人员职业的好时机吗？

在开始新工作之前考虑您的选择至关重要。 你的新领域能否为你提供大量的机会和稳定性？ 完成您选择的课程或训练营后，您有多少机会被雇用？

在 2020 年之后，这些问题比以往任何时候都更加严重。COVID-19 大流行对经济和就业市场产生了重大影响，许多行业的招聘人数下降。 考虑到这一点，让我们来看看 2021 年 Web 开发行业的状况。

现在需要 Web 开发人员吗？

你总是注意到技术在我们的生活中无处不在，无论世界上发生了什么。

无论是浏览我们最喜欢的社交媒体应用程序、查看新闻、在线支付费用，还是通过协作软件和资源与同事互动，技术几乎在我们所做的每件事中都发挥着作用。 该技术得到了 Web 开发人员团队的支持，他们不仅创建了它，还确保它运行顺畅。

在当今技术驱动的世界中，那些能够创建和管理网站、应用程序和软件的人发挥着至关重要的作用，这反映在网络开发就业市场上。 根据美国劳工统计局的数据，预计 2019 年至 2029 年间，Web 开发人员的就业人数将增长 8%，远快于所有职业的平均水平。

但是，在2020年不可预测的曲折之后，这仍然成立吗？ 简而言之，是的； Web 开发人员似乎毫发无损地度过了这场风暴。

全栈开发人员在 Indeed 的 2020 年最佳工作列表中排名第二，预计这一趋势将持续到 2021 年及以后。 根据 Google 搜索，Web 增长、云计算、DevOps 和解决问题是 2021 年最需要的技术技能之一。
尤其是雇主将继续被全栈式增长所吸引。

Sergio Granada 为 TechCrunch 撰文讲述了全栈开发人员在 COVID-19 危机期间对业务的重要性：“随着各行各业的企业将业务转移到虚拟世界以应对冠状病毒大流行，进行全栈创建的能力将使工程师具有很高的市场价值。
那些能够使用全栈方法快速创建和交付软件项目的人最有可能成为公司或客户愿望清单中的佼佼者。”

如果您想衡量 Web 开发人员的市场，请在 Indeed、glassdoor 和 LinkedIn 等网站上查看您所在领域的“应用程序开发人员”或“全栈开发人员”职位。 在撰写本文时，我们快速搜索了美国的网络开发工作，发现了超过 26,000 个职位空缺。
如您所见，Web 开发人员的需求量仍然很大——可能由于持续的冠状病毒大流行，需求量更大。 例如，COVID-19 如何影响 Web 开发行业？ 让我们仔细看看。

COVID-19 对行业有何影响？

尽管许多公司因冠状病毒大流行而遭受痛苦（并继续挣扎），但科技行业的表现相对较好。

许多企业依靠数字技术进行远程工作，强调技术和创造技术的人的价值。 因此，许多人预测该行业将迎来繁荣：市场数据预测预测，科技行业将从 2020 年的 1310 亿美元增长到 2025 年的 2950 亿美元。

当然，COVID-19 会为当前和有抱负的 Web 开发人员带来一些更新。 首先，必须考虑远程工作的兴起。 在为您在该行业的第一份工作做准备时，如果不是全职的话，至少要做好兼职远程工作的准备。

幸运的是，Web 开发是一项可以在任何地方完成的工作。 本指南将教您如何作为远程开发人员工作。
我们还预计，由于目前需求最大的商品和服务的直接结果，一些市场的 Web 开发人员就业人数会增加。 例如，医疗保健、媒体和娱乐、网上银行、远程教育和电子商务将继续扩展，以在更远离社会的环境中代表客户的愿望和习惯。

与其他行业相比，COVID-19 对软件行业和 Web 开发人员的影响较小。 尽管情况仍在发展中，但新的和有抱负的 Web 开发人员应该放心，他们正在从事一项面向未来的职业。

那么……您应该在 2021 年成为一名 Web 开发人员吗？

那么，最后一句话是什么？ 现在是开始 Web 开发人员职业的好时机吗？

我们认为，基于就业市场和预期的就业增长，这种反应是显而易见的。 现在是开始 Web 开发人员职业生涯的好时机 ！ 在我们如何运作、与亲人沟通、获得医疗保健、购物等方面，技术比以往任何时候都更加重要。 名单还在继续。
如果您想成为这个令人兴奋的行业的一部分并开发未来的技术，我们建议您去做。

但首先，让我们回顾一下基本面。 什么是 Web 开发，Web 开发人员到底是做什么的？ 继续阅读以了解更多信息。

必读：成功网站的要素：策略、用户体验、网页开发和网页设计

什么是网络开发？

为 Internet 或称为 Intranet 的专用网络创建网站和软件的过程称为 Web 创建。 网站开发 不关心网站的美观； 相反，它更多的是关于使它工作的编码和编程。

我们每天通过互联网使用的所有工具都是由网络开发人员开发的，从最基本的静态网页到社交媒体平台和应用程序，从电子商务网站到内容管理系统 (CMS)。

客户端编码（前端）、服务器端编码（后端）和数据库技术是 Web 创建的三层。

让我们仔细看看这些层中的每一层。

客户端

最终用户直接与之交互的任何内容都称为客户端脚本或前端创建。 客户端代码在网络浏览器中运行，并影响访问者在访问网站时看到的内容。 前端负责布局、字体、颜色、菜单和通信类型等。

服务器端

后端生产，也称为服务器端脚本，都是关于幕后发生的事情。 网站的后端是用户看不到的网站部分。 它负责数据存储和组织，以及确保客户端的一切顺利运行。 它通过与前端交互来实现这一点。

如果客户端发生任何事情，例如当用户填写表单时，浏览器会向服务器发送请求。 服务器端通过以前端代码的形式向浏览器发送相关数据来“响应”，浏览器可以解释和查看这些数据。

数据库技术

数据库技术也用于网站。 该数据库存储网站运行所需的所有文件和内容，便于检索、组织、更新和保存它们。 数据库存储在服务器上，大多数网站都使用关系数据库管理系统 (RDBMS)。

总而言之，前端、后端和数据库技术共同创建和运行一个功能齐全的网站或应用程序，这三层构成了 Web 开发的基础。

网页开发和网页设计的区别

尽管术语 Web 开发和 Web 设计有时可以互换使用，但它们不可互换。

考虑一个网页设计师和一个网页开发者如何合作来创造一辆汽车：
开发人员将负责所有功能部件，例如发动机、车轮和齿轮，而设计师将负责汽车的视觉方面，例如外观、仪表板的布局、以及座椅的设计，以及汽车提供的用户体验，比如行驶的平稳程度。

网站设计师创建网站的外观和感觉。 他们设计网站的布局，确保其合理、用户友好且易于使用。
他们会考虑所有的视觉元素：例如，将使用什么配色方案和字体。 应该有哪些按钮、下拉菜单和滚动条，它们应该放在哪里？ 从 A 点到 B 点，用户与哪些交互式接触点进行交互？ 网站设计还考虑了网站的信息架构，确定将使用哪些内容以及将其放置在何处。

网页设计是一门广泛的学科，通常被细分为更具体的职位，包括用户体验设计、用户界面设计和信息架构。

Web 开发人员有责任将此设计转变为一个活的、功能齐全的网站。 网页设计师提供的图形设计是由前端开发人员使用 HTML、CSS 和 JavaScript 等编码语言构建的。 该网站的更高级功能（例如电子商务网站上的结帐功能）由后端开发人员构建。

换句话说，网页设计师是建筑师，而网页开发人员是建筑师或工程师。

必读：了解有关网站设计和开发的一切

万维网简史

我们今天所知道的互联网已经花了几十年的时间来发展。 让我们回到开头，看看互联网是如何随着时间的推移而发展起来的，以更好地了解网络创建的工作原理。

1965：第一个 WAN（广域网）

互联网基本上是连接所有类型的广域网 (WAN) 的网络网络。 广域网 (WAN) 是指覆盖广泛地理区域的电信网络。 第一个 WAN 于 1965 年在麻省理工学院建立，ARPANET 是后来给这个 WAN 的名称。 它最初由美国国防部高级研究计划局资助。

1969 年：第一条互联网消息

UCLA 学生 Charley Kline 于 1969 年 10 月发送了第一条互联网消息。他试图通过 ARPANET 网络将“登录”一词传输到斯坦福研究所的一台计算机，但机器在前两条消息后崩溃了。 然而，大约一个小时后机器恢复，整个文本传输成功。

1970 年代：LAN（局域网）的兴起

在 1970 年代初期开发了几种实验性 LAN 技术。 局域网 (LAN) 是一种计算机网络，它连接同一建筑物中的设备，例如学院、大学和图书馆。 从 1973 年到 1974 年在 Xerox Parc 实施以太网，以及 1976 年 ARCNET 的发展，是两个重要的里程碑。

1982 – 1989：传输控制协议 (TCP)、互联网协议 (IP)、域名系统和拨号访问

ARPANET 协议、传输控制协议（TCP）和互联网协议（IP）于 1982 年推出，而 TCP/IP 至今仍是传统的互联网协议。
域名系统 (DNS) 创建于 1983 年，旨在提供一种更加用户友好的方法来标记和指定网站。 思科于 1987 年推出了第一台路由器，World.std.com 于 1989 年成为第一个商业拨号互联网服务。

1990：蒂姆·伯纳斯-李和 HTML

HTML——超文本标记语言——由 CERN（欧洲核研究组织）的科学家 Tim Berners-Lee 于 1990 年创建。 HTML 是并且将继续是 Internet 的关键组成部分。

1991 年：万维网成为主流

随着视觉互联网浏览器的引入，万维网进入了主流。 截至 2018 年，全球有超过 40 亿互联网用户。

网络开发人员做什么的？

Web 开发人员可以在内部工作或自由职业者，他们执行的角色和职责将根据他们是前端、后端还是全栈开发人员而有所不同。 全栈开发人员在前端和后端工作； 稍后我们将更深入地介绍全栈开发人员所做的事情。

Web 开发人员负责创建满足客户和客户或最终用户需求的产品。 为了理解愿景：最终网站的外观和工作方式，Web 开发人员咨询利益相关者、客户和设计师。

为了不断完善和增强网站或框架，Web 创建的主要部分需要查找和修复错误。 因此，Web 开发人员是熟练的问题解决者，他们不断设计新的想法和解决方法以保持事情顺利进行。

当然，所有 Web 开发人员都知道如何用几种不同的语言编写代码。 但是，根据他们的工作描述和专业领域，不同的开发人员可以使用不同的语言。 让我们仔细看看网络创建的各个级别以及与之相关的活动。

前端开发人员做什么的？

前端开发人员的任务是对用户看到并与之交互的网站或应用程序部分进行编码； 换句话说，用户看到并与之交互的网站部分。 他们获取后端数据，并将其转化为易于理解、吸引眼球且对普通消费者完全可用的东西。

他们将与网页设计师的设计一起使用 HTML、JavaScript 和 CSS 将它们变为现实（稍后会详细介绍！）。

网站的界面、交互和导航元素，如按钮和滚动条、照片、文本和内部链接都由前端开发人员实现（在同一网站内从一个页面导航到另一个页面的链接）。 前端开发人员还负责确保网站在所有浏览器和计算机上看起来都很好。

他们会将网站编码为敏感或适应不同的屏幕尺寸，以便用户无论是在移动设备、台式电脑还是平板电脑上都能获得相同的体验。

前端开发人员也将执行可用性检查和错误修复。 同时，他们会考虑 SEO 最佳实践、应用程序工作流程管理以及改进用户在每个浏览器中与网站进行通信的方式的工具。

前端开发人员还可以进行可用性测试和错误修复。 同时，他们将考虑 SEO 最佳实践、应用程序流程管理以及帮助用户更有效地与所有浏览器中的网站交互的工具。

后端开发人员做什么的？

面具背后的大脑被称为后端（前端）。 后端开发人员负责创建和管理为前端提供支持的基础架构，前端由三个组件组成：服务器、应用程序和数据库。

后端开发人员编写的代码可确保前端开发人员创建的所有功能都具有完整功能，并且他们有责任确保服务器、应用程序和数据库都相互交互。 那么，他们是如何做到这一点的呢？ 首先，他们使用 PHP、Ruby、Python 和 Java 等服务器端语言构建应用程序。

然后他们使用 MySQL、Oracle 和 SQL Server 等工具来定位、保存和编辑数据，然后通过前端代码将数据返回给用户。
后端开发人员，就像前端开发人员一样，可以与客户或企业主沟通以了解他们的需求和规范。 然后，他们将根据项目的详细信息以各种方式交付这些内容。

典型的后端开发任务包括数据库创建、集成和管理，使用后端框架进行服务器端软件开发，内容管理系统开发和部署（例如，博客），以及使用 Web 服务器技术、API 集成和操作系统.

后端开发人员还负责检查和调试每个设备或应用程序的后端组件。

全栈开发人员做什么的？

全栈开发人员是熟悉并能够使用“全栈”技术的人，包括前端和后端。 全栈开发人员在 Web 开发过程的每一步都是专家，这意味着他们可以帮助制定策略和最佳实践，也可以亲自动手。

大多数全栈开发人员在各种职位上积累了多年的经验，为他们在 Web 开发的各个方面奠定了坚实的基础。 全栈开发人员知道如何使用前端和后端语言和框架进行编码，以及如何在服务器、网络和托管环境中运行。 他们还对业务逻辑和用户界面有深刻的理解。

移动开发者

Web 开发人员还可以专门开发适用于 iOS 或 Android 的移动应用程序。

iOS 软件开发人员为 Apple 设备上使用的 iOS 操作系统创建应用程序。 Swift 是 Apple 专门为其应用程序开发的编程语言，iOS 开发人员精通它。

Android 应用程序开发人员创建适用于所有 Android 设备（包括三星智能手机）的应用程序。 Android 的官方编程语言是 Java。

编程语言、库和框架

Web 开发人员使用语言、数据库和框架来创建网站和应用程序。 让我们仔细看看其中的每一个，以及 Web 开发人员每天使用的其他一些资源。

什么是语言？

语言是程序员用来在网络创建世界中构建网站、应用程序和软件的构建块。 编程语言、标记语言、样式表语言和数据库语言是可用的多种语言之一。

编程语言

编程语言是一系列指令和命令，它们告诉机器如何实现特定结果。 为了编写源代码，程序员使用所谓的“高级”编程语言。 人类可以阅读和理解高级语言，因为他们使用逻辑词和符号。 计算语言和解释语言是两种高级语言。

例如，C++ 和 Java 是经过编译的高级语言，它们首先以人类程序员可以理解但计算机无法理解的基于文本的格式保存。 源代码必须先翻译成低级语言，例如机器代码，然后才能被计算机执行。 大多数软件程序都是用编译语言编写的。

Perl 和 PHP 等解释性语言不需要编译。 相反，这些语言的源代码可以通过解释器运行，解释器是一个读取和执行代码的程序。 脚本，例如用于为动态网站创建内容的脚本，通常以解释语言运行。
低级语言不需要解释或翻译，因为它们可以被计算机硬件明确理解和实现。 低级语言包括机器语言和汇编语言。

Java、C、C++、Python、C#、JavaScript、PHP、Ruby 和 Perl 是 2018 年最流行的编程语言之一。
更多信息：前十种编程语言的初学者指南

标记语言

标记语言用于确定文本文件的格式。 换句话说，标记语言指示显示文本的软件如何格式化文本。 标记标签在最终产品中是不可见的，但由于它们包含标准术语，因此对人眼来说非常清晰易读。

HTML 和 XML 是使用最广泛的标记语言。 超文本标记语言 (HTML) 是一种用于创建网站的编程语言。 HTML 标记定义了 Web 浏览器在附加到纯文本文档时如何查看它。 让我们看一下粗体标签的例子，看看 HTML 是如何工作的。 这是 HTML 版本的外观：

a> b> 这句话要加粗！/b>

当浏览器读到这个时，它就知道第一句话应该加粗。 消费者看到的内容如下：

把这句话加粗！

可扩展标记语言是可扩展标记语言的缩写。 它是一种类似于 HTML 的标记语言，但与 HTML 不同，HTML 的创建目的是为了显示数据并强调美观，XML 仅用于存储和传输数据。 与 HTML 不同，XML 标签不是预定义的。 相反，文档的作者创建了它们。

由于它提供了一种独立于软件和硬件的数据存储、传输和交换方式，因此 XML 的目标是使数据共享和传输、平台更新和数据可用性更容易。 您可以在此处阅读有关 XML 及其功能的更多信息。
样式表语言

样式表是样式指南的汇编。 顾名思义，样式表语言用于对以标记语言编写的文档进行样式设置。
考虑一个使用 CSS（层叠样式表）（一种样式表语言）设置样式的 HTML 文档。

HTML 负责网页的内容和布局，而 CSS 负责内容的可视化方式。 CSS 可用于设置表单样式以及添加颜色、更改字体、插入背景和边框。 CSS 通常用于优化网页以进行响应式设计，以确保它们符合用户的计算机。

数据库语言

除了创建网站、应用程序和应用程序之外，语言还用于开发和维护数据库。

大量数据存储在数据库中。 例如，Spotify 音乐应用程序将音乐文件以及有关用户收听习惯的信息存储在数据库中。 同样，Instagram 等社交媒体应用程序使用数据库来存储用户个人资料信息； 如果用户更改了他们的个人资料，应用程序的数据库也会更新。

由于数据库不是为了理解与应用程序相同的语言而构建的，因此拥有一种他们能够理解的语言至关重要，例如 SQL，它是访问和操作关系数据库的标准语言。 结构化查询语言 (SQL) 是结构化查询语言的首字母缩写。 它有自己的标记，本质上允许程序员与存储在数据库系统中的数据进行交互。

什么是库和框架？

Web 开发人员也使用库和框架。 尽管它们都旨在使开发人员的工作更轻松，但它们并不是一回事。

库和框架都是预先编写的代码的集合，但库通常更小，用于更窄范围的应用程序。 库是一组有用的代码，它们被组合在一起以供以后重用。 库的目的是让开发人员在编写更少代码的同时实现相同的最终结果。

让我们将 JavaScript 视为一种语言，将 jQuery 视为一种 JavaScript 库。 开发人员无需编写十行 JavaScript 代码，而是可以使用 jQuery 库的简化、预先编写的版本，从而节省时间和精力。

框架是可帮助程序员更快地编写代码的即用型组件和资源的集合，并且一些框架通常具有库。

它为开发人员提供了一个框架，您选择的框架将在很大程度上决定您如何设计您的网站或应用程序，因此选择一个是一个重大决定。 Bootstrap、Rails 和 Angular 是一些最常见的框架。

想象一下，您正在建造一所房子以更好地了解图书馆和结构。

该系统为执行特定任务奠定了基础并提供了结构以及指导和建议。 如果您想在新家安装烤箱，您有两种选择：购买单个组件并自己设计烤箱，或者从超市购买现成的烤箱。

您可以从头开始编写代码，也可以使用库中预先编写的代码并简单地粘贴它，就像在网站上一样。

其他网络开发工具

Web 开发人员还可以使用文本编辑器来编写他们的代码，例如 Atom、Sublime 或 Visual Studio Code； 网络浏览器，例如 Chrome 或 Firefox； 而且，最重要的是，Git！

Git 是一个版本控制系统，允许程序员管理和存储他们的代码。 作为一名 Web 开发人员，您几乎肯定会定期对代码进行更改，因此像 Git 这样的工具可以让您监控这些更改并在必要时撤消它们非常有用。

使用 Git 与其他团队协作并同时处理多个任务也容易得多。 Git 已经成为 Web 开发环境中如此普遍的工具，以至于现在不使用它被认为是一种糟糕的形式。

GitHub，Git 的云接口，是另一种非常常见的方法。 GitHub 包括 Git 的所有版本控制功能以及它自己的功能，例如错误跟踪、任务管理和项目 wiki。

GitHub 不仅托管存储库； 它还为开发人员提供了一个强大的工具包，使他们更容易追求编码最佳实践。 它被认为是开源项目的首选地点，也是 Web 开发人员能力的展示场所。 您可以在此处阅读有关 GitHub 重要性的更多信息。

成为 Web 开发人员需要什么？

从事网络开发的职业既令人兴奋又在经济上有利可图，并且有大量的工作保障。 根据美国劳工统计局的数据，2016 年至 2026 年间，Web 开发人员预计将增长 15%，远快于全国平均水平，而 Web 开发人员在薪资和就业率方面排名第 8 位。

在发布时，美国 Web 开发人员的平均年薪为 76,271 美元。 当然，薪酬会根据场地、多年经验和您带来的独特技能而有所不同； 在此处了解有关 Web 开发人员可以获得多少收益的更多信息。

学习必要的语言、库和框架是迈向 Web 开发职业的第一步。 您还需要学习如何使用上面列出的一些资源以及一些基本术语。

这完全取决于您在学习的语言方面是要专注于前端还是后端创建。 但是，所有 Web 开发人员都应该熟悉 HTML、CSS 和 JavaScript，所以从这里开始。