所有浏览器都能理解编程语言，这是前端开发的主干。JavaScript也称为ECMAScript，ES5。在深入学习其他语言之前，了解这种编程语言很重要。

ES6

这是Javascript语言的扩展，许多浏览器都在实现ES6。优点是您现在可以开始编写ES6代码，因为您可以使用像Babel这样的编译器将ES6代码转换为ES5代码。

Babel

这是最受欢迎的ES6到ES5翻译器之一。此外，它也被许多框架推荐，例如React。要实时将ES6转换为ES5代码，您可以在网站上找到可用的REPL。

需要注意的是，Babel不仅是ES6到ES5的转换器，也是JSX到JavaScript的转换器。

NodeJS

NodeJS是一个服务器端平台，允许使用JavaScript语言构建后端。为什么要提到NodeJS？这是因为，即使您对后端开发不感兴趣，许多前端工具也依赖于NodeJS。至少，您应该熟悉node及其命令行工具。

NPM

NPM是节点的包管理器。正如PIP之于Python，红宝石之于ruby，Maven之于Java。了解如何安装、删除和升级软件包，尤其是package.json文件结构。

Grunt或Gulp

这是在节点平台上运行的两个最流行的任务运行器。从技术上讲，它们是NPM的软件包。它们允许您自动化许多前端任务，如Lint源文件、连接、缩减、部署等。

ReactJs

ReactJs是构建视图最流行的前端库。请注意，它不仅仅是MVC中的V，因此不能与Angular这样的框架进行比较。ReactJs是用ES6编写的，可以用Babel翻译成ES5。它还可以使用Babel将其转换为JSX for JavaScript。

WebPack或Browserify

两者都是最受欢迎的模块打包机。他们可以获取js源代码，找出正确的依赖关系，并发布可以驱动整个应用程序的JavaScript文件。