web前端开发都需要学什么东西?

即使你对后端开发不感兴趣，但很多前端工具也依赖于NodeJS，至少要熟悉node及其命令行工具。下面就来看看这篇web开发需要学什么，相信你们会喜欢的。

JavaScript

这是所有浏览器都能理解的编程语言，是前端开发的支柱。JavaScript也被称为ECMAScript, ES 5。在深入学习其他语言之前，理解这门编程语言是很重要的。

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是node的包管理器。正如PIP之于Python, ruby gems之于ruby, Maven之于Java。学习如何安装、删除、升级软件包，尤其是package.json文件结构。

Grunt或Gulp

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

ReactJs

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

WebPack或Browserify

这两种都是较流行的模块打包机。它们可以获取js源代码，找出正确的依赖关系，并发布能够驱动整个应用程序的JavaScript文件。