有抱负的 Web 开发人员应该在 2021 年学习的 10 件事

大家好，如果您是一名 Web 开发人员，并且想知道 2021 年应该学习哪些内容以将您的技能提升到一个新的水平，或者想在 2021 年成为一名前端开发人员，但不确定哪些技术、工具、框架、语言，和图书馆学习，那么你来对地方了。

在本文中，我将分享一些前端开发人员应该知道的最重要的事情。

作为技术博客的作者，我经常收到诸如Web 开发人员应该学习哪些工具和技术之 类的问题？哪些编程语言适合 Web 开发，需要哪些技能？我将在一系列博文中回答读者提出的所有这些问题，这是其中的第一篇。

在本文中，我将分享Web 开发人员应该知道的最重要的事情，其中显然包括 Web 开发的三大要素——HTML、CSS和JavaScript，以及其他一些必不可少但未一起提及或教授的有用工具.

如果您正在寻找Svelte.js或Vue.js 之类的惊喜或闪亮的新技术，那么很抱歉它们不在本文中，因为我认为它们对所有 Web 开发人员来说都不是必不可少的。

它们可能适合希望学习新 JavaScript 框架的经验丰富的 Web 开发人员但不是初学者应该学习的东西。相反，这篇文章是基于我自己的实践经验，包含了一个 Web 开发者在 2021 年应该学习的最基本的东西，主要是前端开发者。

顺便说一句，如果你是一位经验丰富的 Web 开发人员，我不想让你失望，我会在接下来的几天里写关于那些新技术、框架和库的文章，在那里我们会看到学习的好处和奇迹新东西，但现在，让我们专注于 Web 开发人员在 2021 年应该学习的最重要的东西。

2021 年前端开发人员应该学习什么？

不要再浪费你的时间了，这里是我列出的一个 Web 开发人员或任何想成为 Web 开发人员的人应该在 2021 年学习的东西。

这个列表包括像 javascript 这样的编程语言、像HTML这样的标记语言、像 CSS 这样的样式工具、一个React之类的框架，VSCode 之类的 IDE，Chrome 开发者工具、NPM 和 Webpack 之类的工具，以及Postman和GraphQL 之类的 REST API 工具，这是开发 API 的更好方法。

我还将响应式网页设计作为一项技能包括在内，因为在 2021 年，如果您想为使用不同设备访问您的网站或 Web 应用程序的所有受众提供服务，那么它几乎已经完成。

1. HTML (HTML 5)

这是任何认真对待 Web 开发的人都应该学习的第一件事。它可能是最古老的 Web 技术，也是我很久以前学到的第一个技术，但它仍然很重要，如果没有良好的 HTML 知识，你就无法成为Web 开发人员。从技术上讲，它是一种标记语言，用于指定页面的结构。

如今，很少有人通过编写 HTML 来创建网页。相反，您看到的大部分网页都是由 Angular 和 React 等高级框架生成的。尽管如此，如果您想了解、调试和解决问题，您必须了解基本的 HTML 标签，如 div、span、title、headers 等。

即使您了解 HTML，使用最新的开发来更新自己也没有什么坏处，如果您想从头开始，我建议您参加 Udemy 上的Learn HTML 5 Programming from Scratch课程。它还涵盖了 CSS，我们将在列表中的下一个讨论。

2. CSS（引导、弹性盒和网格）

除了 HTML，如果还有另一种不可替代的 Web 技术，那一定是 CSS 3 或 Cascading Style Sheet。CSS 用于设置网页样式，我的意思是让它看起来更漂亮。您还可以使用 CSS 来指定元素的布局。

就像HTML一样，现在很少通过手工编写CSS类来设置网页样式，而不是很多人和团队使用Bootstrap、Tailwind CSS、Materialize 等框架。像 HMTL 一样，CSS 也在不断发展，现在你有Flexbox和Grid之类的东西。

由于对于您从事的任何项目来说看起来更漂亮都是绝对必要的，因此您必须学习 CSS。如果你是初学者，我建议你从准系统 CSS 开始，然后转向这些新的开发，比如 Flexbox 和 Grid。
 

3. JavaScript

这是任何 Web 开发人员都应该学习的第三个最重要的东西。事实上，如果没有 JavaScript，Web 就不会是今天的样子。当我学习 JavaScript 时，人们告诉我，它让你的网页充满活力，它可以让你的网页具有交互性。

就像您可以在有人单击按钮时执行操作一样，您可以在用户移动鼠标时更改网页的动画和外观等。所有这些仍然是正确的，但是JavaScript现在提供了更多。事实上，您可以仅使用 JavaScript 端到端地开发完整的 Web 应用程序。

它已经从一种基本的前端编程语言发展为一种全栈语言，它还允许您编写后端代码。Nodejs使这成为可能，Web 开发人员的另一个必要框架。

最重要的是，对于任何前端和后端的 Web 开发人员来说，JavaScript 绝对是必须的，你绝对应该在 2021 年花一些时间学习 JavaScript。

顺便说一句，JavaScript 仍在不断发展，现在我们有了 WebAssembly 之类的东西，它允许您在浏览器中像C、 C++和Rust一样快速运行代码。

4. React.js

正如我在上一段中提到的，Web 开发，尤其是前端开发，在过去十年中取得了长足的进步。现在，您不需要编写 HTML 和 CSS 来创建您的网页，就像我在九十年代末和 2000 年代初所做的许多其他 Web 开发人员一样。

现在，你有一个像 React 这样的框架，它可以为你动态生成网页。这就是为什么 Web 开发人员需要学习像React这样的前端框架。

 

5. NPM（节点包管理器）

现在我们已经介绍了前端开发最基本的编程语言和框架，是时候看看基本的工具或 Web 开发了，首先，其中一个就是 NPM。如果你不知道，现在你不需要为你需要的一切编写代码。

例如，如果你想生成动态网页，你不需要写一个框架，别人已经写了，你可以直接将它们导入到你的项目中使用。

由于 NPM 或Node Package Manager，这一切都成为可能。它是世界上最大的软件注册中心，拥有超过 800,000 个代码包。

从技术上讲，NPM 是JavaScript 编程语言的包管理器。它也是 Node.js 的默认包管理器，为服务器端开发提供 JavaScript 运行时环境。

它由一个名为 npm 的命令行客户端组成，用于下载这些模块，并在线托管公共和私有包。

一般在学习nodejs的时候都会学习npm，但是即使不了解node，也应该学习npm。

6.VS代码

说到代码，IDE 是你最重要的工具，作为一名 Java 开发人员，我总是觉得很幸运，我们拥有的不是一个而是三个顶级的 IDE—— Eclipse、NetBeans 和IntelliJIDEA。长期以来，当我做 Web 开发时，我认为我们没有任何工具可以与这些 IDE 竞争。

毫无疑问，您也可以将它们用于 Web 开发，但对于在后端使用 Java 的 Web 开发人员来说更有意义。Microsoft VSCode 改变了这一点，并成为最强大的 IDE 或 Web 开发编辑器。

与那些胖乎乎的 IDE 相比，VSCode 也非常轻量级和高度可配置。从开发前端到连接到类似云的AWS、Azure和GCP以及部署应用程序，您还拥有几乎任何东西的插件。

7. Chrome 开发者工具

这是 Web 开发人员，尤其是前端开发人员的另一个重要工具。很长一段时间，我依靠 Internet Explorer 的“查看页面源代码”选项来了解特定网页上发生了什么，这是一个古老的故事，但自从 Chrome 在过去十年席卷市场后，情况发生了变化。

现在，几乎 70% 的网络都是使用 Chrome 浏览的。很多 Web 开发者不知道 Chrome 有一个内置的调试工具，称为 Chrome 开发者工具。您可以通过右键单击并单击“检查”来访问它。

该工具不仅可以让您查看原始 HTML，还可以查看 CSS、JavaScript 库等等。您甚至可以即时更改 CSS 类并使用外观。

8.邮递员

对于 Web 开发人员来说，这是另一个绝对必须知道的工具。由于当今的 Web 世界是 API 的 Web，因此您需要一个可以帮助您探索 API 的工具，而没有比 Postman 更好的与 API 交互的工具了。您可以使用 Postman 发送 HTTP 请求、访问 API、检查其响应标头以及执行更多操作。

无论您连接到 Google、Facebook、Amazon 和许多其他支付网关提供的内部 API 还是外部 API，Postman 对于探索和理解它们都是必不可少的。它也是测试您自己的 API 的绝佳工具。

 

9. 响应式网页设计

这很简单，但对于 Web 开发人员来说又是必不可少的学习内容。如果您想开发网站或 Web 应用程序，它必须能够响应您的受众和客户从不同设备访问您的网站。

响应式网页设计允许您根据用户使用的工具的大小最好地展示您的网站。我见过很多前端开发人员没有注意这个基本技能，不要成为其中的一员，而是学习响应式网页设计。

 

10.GraphQL

如果您知道，大多数 Web 都是由 API 驱动的，主要是 REST API。Web 开发人员的一项关键工作是要么作为后端开发人员开发 APIS，要么作为前端开发人员使用这些 API。

在这两种情况下，您都需要知道如何与它们交互。虽然REST是开发 APIS 的一种简单且可访问的方式，但对于任何实际的 Web 应用程序来说，它都有一些缺点，例如需要维护的端点太多以及需要下载和处理的不需要的数据。

GraphQL 解决了这个问题，它已经在推动 API 开发的下一个层次。

这就是有抱负的 Web 开发人员在 2021 年应该学习的全部内容。这些是任何 Web 开发人员，尤其是前端开发人员的基本技术。您很有可能已经熟悉其中的许多技术，例如 Web 开发的三大技术——HTML、CSS 和 JavaScript。

尽管如此，它们仍在不断发展，就像 CSS 现在有 FlexBox 和 Grid，JavaScript 有 ES6 和 WebAssembly 等一样。花一些时间让自己保持最新状态将大大有助于成为更好的 Web 开发人员。

在这篇文章中，我试图提到最本质的东西，但是作为一个 Web 开发者，你也需要学习很多东西。我不想让你不知所措，但 HTTP、SSL、证书之类的东西也是必不可少的。如果对Python有兴趣，想了解更多的Python以及AIoT知识，解决测试问题,以及入门指导，帮你解决学习Python中遇到的困惑，我们这里有技术高手。如果你正在找工作或者刚刚学校出来，又或者已经工作但是经常觉得难点很多，觉得自己Python方面学的不够精想要继续学习的，想转行怕学不会的， 都可以加入我们，可领取最新Python大厂面试资料和Python爬虫、人工智能、学习资料！微信公众号【Python大本营】等你来玩奥~