成为一名全栈网站开发人员需要掌握许多技能。对于初学者来说，找到正确的学习路径并快速取得成果并不容易。乍一看，了解你需要学习什么以及最终如何将一切联系在一起可能会让人感到不知所措。

本文将为你提供2018年及以后成为全栈开发人员所需掌握的技术概述。我们将首先研究基础知识和编程语言，然后转向更高级的主题，如框架和其他工具。

这份清单将为你提供指导，帮助你在2018年的网络开发丛林中找到自己的道路。本文附有相关主题的简短描述和链接，指向一些优秀的学习资源，以便你快速扩展你的技能。

基础

开始你的网络开发生涯的最佳方法是熟练掌握 HTML 和 CSS，它们是一切的基础。

HTML 和 CSS

超文本标记语言（HTML）是你实现任何网站所必需的。通过使用 HTML，你可以使用简单的标记语法来定义和结构化网站的内容。

层叠样式表（CSS）是一种为你的网站添加样式的简单方法（例如添加字体、颜色、布局等）。

了解 HTML 后，你应该继续学习 CSS 并确保理解基础知识。HTML 和 CSS 是每个网站开发人员需要掌握的两个基本技能。这在2017年是有效的，也将在2018年保持有效...

编程语言

JavaScript

JavaScript 是为你的网站添加动态功能的基本构建块。JavaScript 语言是底层 ECMAScript 规范的一种实现。从头开始学习 JavaScript 是开始你的网络开发生涯的重要里程碑。 对于许多前端框架（Angular、React、Vue.js）和后端框架（Node.js），JavaScript 的知识是前提条件。

JavaScript 语言的基础知识很容易学习。然而，随着 ECMAScript 规范的发展，越来越多的高级功能被添加到语言中。例如，在2017年，添加了异步函数、共享内存和原子操作等功能。

如果你刚开始学习 JavaScript，可能会对所有这些高级 JavaScript 概念感到不知所措。在这里，你应该先关注基础知识，然后再转向更高级的概念。

TypeScript

随着 Angular 的崛起，TypeScript 也获得了很多关注。如果你计划学习 Angular，你应该先学习 TypeScript。

TypeScript 是 JavaScript 的补充，因此总是与 JavaScript 一起使用以启用诸如类型检查之类的功能。

TypeScript 有出色的工具，特别是如果你使用像 Visual Studio Code 这样的代码编辑器。在这里，你将找到自动导入模块等功能。

Python

Python 是公司在 2017 / 2018 年请求的顶级编程语言之一。如果你尚未将 Python 添加到你的编程技能集中，现在是学习的最佳时机。

使用 Python，你可以涵盖广泛的用例。你可以实现命令行脚本、GUI 应用程序和 Web 应用程序。此外，Python 编程语言目前正在推动科学计算。

如果你正在学习 Python 用于 Web 开发，那么你应该看一下 Python Web 编程框架，如 Django 或 Flask。

前端框架

前后端框架使得开发常用功能更加容易和快速。然而，在开始使用框架之前，你应该尝试深入了解底层技术栈（例如JavaScript）。这将帮助你学习框架并理解其概念。

首先，让我们看一下Web开发中最重要的前端框架：

Angular

Angular是一个用于在HTML和JavaScript/TypeScript中构建客户端应用程序的框架。该框架结合了声明性模板、依赖注入、端到端工具和集成的最佳实践来解决开发挑战。

在2017年，Angular成为构建单页Web应用程序最流行的框架之一。对于Angular开发人员来说，这是一个非常令人兴奋的一年，因为框架更新了两个重要版本（版本4和版本5）。许多新功能已经添加，Angular正变得越来越流行。

2017年Angular框架中添加的关键功能之一是预编译。这意味着视图在构建时编译，而不是在渲染时。结果是更快的Web应用程序。此外，这显著减少了应用程序的捆绑包大小。

如果你正在寻找一个在2018年学习的新的JS Web开发框架，你应该考虑深入了解Angular。越来越多的公司开始使用Angular，Angular团队将在2018年推出更多的功能和版本。

React

React是一个用于构建用户界面的JavaScript库。React使得创建交互式UI变得轻松。为你应用程序中的每个状态设计简单的视图，React将在数据更改时高效地更新和渲染正确的组件。声明性视图使得你的代码更加可预测和易于调试。该框架完全基于组件。你可以构建管理自己状态的封装组件，然后将它们组合起来创建复杂的UI。由于组件逻辑是用JavaScript编写而不是模板，因此你可以轻松地通过应用程序传递丰富的数据，并将状态保持在DOM之外。

React 16已于2017年9月发布。随着该版本的发布，React团队决定在核心架构上进行完全重写，以便在未来的版本中支持异步渲染。一旦在2018年可用，这将有助于提高重型Web应用程序的速度和加载时间，因为主线程将不再被阻塞。

React使你能够创建非常强大的单页应用程序。如果你以前没有使用过React，你应该将其添加到你的技能集中。如果你计划使用React开发更复杂的Web应用程序，你也应该考虑查看Redux。通过使用Redux，你将能够在应用程序中使用中央状态管理，这使得在组件之间处理数据变得更加容易。

Vue.js

2017年是Vue的伟大一年，其增长爆炸式增长。Vue非常易于学习，特别是对于小型项目而言是一个完美的选择。学习曲线非常陡峭，你可以快速看到很好的结果。

从GitHub上的总共37k颗星，Vue已经发展到2017年底的78k颗星。越来越多的公司正在将Vue.js添加到他们的堆栈中，Vue.js开发人员的需求不断增长。

后端框架

在选择Web项目的后端框架时，你可以选择很多选项。然而，在接下来的内容中，我将缩小到两个选项，一个是JS世界的（Node.js），另一个是Python世界的（Django）。

如其名，后端框架运行在后端（服务器上），并根据用户访问的URL以动态方式生成HTML、JSON（等）。

如果你只是在项目的前端方面开发，不需要将后端框架添加到你的技能集中。然而，为了深入了解如何将所有内容配合起来，你至少应该考虑了解后端框架的基础知识。

Node.js

Node.js允许你在后端执行JavaScript代码，并且特别强大，特别是当Node.js与Express中间件一起使用时。

为了开始使用Node.js，你应该先确保你对JavaScript编程语言有扎实的知识。这将确保你能够快速理解Node的核心概念。

Django

Django完全使用Python编写。如果你喜欢Python编程语言的优雅性，你会喜欢Django。Django是一个强大的框架，可以为你提供广泛的用例。然而，如果你已经对Python有了深入的了解，Django是容易学习的，你会很快发现它的实用方法。

如果你想使用Python和你的项目的后端，你一定不应该忽视Django并开始学习它。

工具

Git

Git是迄今为止任何类型源代码的最广泛使用的版本控制系统。

如果你今天作为开发人员工作，你迟早会接触到Git和GitHub。作为版本控制系统，Git已经被许多公司使用，并且该文章中介绍的大多数框架和扩展也托管在GitHub上。

为了完善你作为Web开发人员的技能，你应该考虑学习Git的基础知识。

Webpack

Webpack_是现代JavaScript应用程序的模块打包程序。当Webpack处理你的应用程序时，它递归地构建一个包括你的应用程序需要的每个模块的_依赖关系图，然后将所有这些模块打包成少量的_包_，通常只有一个_包_，供浏览器加载。

2017年，Webpack 2和Webpack 3已经发布，模块打包程序已经成为JS世界中的标准。

结论

Web开发技能目前非常紧缺，如果你还没有开始学习Web开发，现在正是开始学习的最佳时机。

即使你已经是一名经验丰富的Web开发人员，你也应该花些时间来跟上最新的技术和框架。

本文应该为你的学习路径提供指导，同时也提供了帮助你快速入门的资源。