即使你對后端開發(fā)不感興趣，但很多前端工具也依賴于NodeJS，至少要熟悉node及其命令行工具。下面就來看看這篇web開發(fā)需要學(xué)什么，相信你們會喜歡的。

JavaScript

這是所有瀏覽器都能理解的編程語言，是前端開發(fā)的支柱。JavaScript也被稱為ECMAScript, ES 5。在深入學(xué)習(xí)其他語言之前，理解這門編程語言是很重要的。

ES6

這是Javascript語言的擴(kuò)展，而且很多瀏覽器正在實(shí)現(xiàn)ES6。好處是你現(xiàn)在就可以開始編寫ES6代碼，因?yàn)槟憧梢允褂肂abel之類的編譯器將ES6代碼轉(zhuǎn)換為ES5代碼。

Babel

這是較流行的ES6到ES5轉(zhuǎn)譯器之一。此外，它還被許多框架，如React所推薦。要實(shí)時(shí)地將ES6轉(zhuǎn)換為ES5代碼，可以在網(wǎng)站上找到一個(gè)可用的REPL。

需要注意的是，Babel不僅僅是一個(gè)ES6到ES5的轉(zhuǎn)譯器，也是一個(gè)JSX到JavaScript的轉(zhuǎn)譯器。

NodeJS

NodeJS是一個(gè)服務(wù)器端平臺，允許用JavaScript語言構(gòu)建后端。為什么我要提到NodeJS?這是因?yàn)椋词鼓銓蠖碎_發(fā)不感興趣，但很多前端工具也依賴于NodeJS，至少要熟悉node及其命令行工具。

NPM

NPM是node的包管理器。正如PIP之于Python, ruby gems之于ruby, Maven之于Java。學(xué)習(xí)如何安裝、刪除、升級軟件包，尤其是package.json文件結(jié)構(gòu)。

Grunt或Gulp

這是在節(jié)點(diǎn)平臺上運(yùn)行的兩個(gè)較流行的任務(wù)運(yùn)行器。從技術(shù)上講，它們是針對NPM的軟件包，它們允許你自動化許多前端任務(wù)，例如Lint源文件、串聯(lián)、縮減、部署等等。

ReactJs

ReactJs是較流行的構(gòu)建視圖的前端庫。請注意，它不僅僅是MVC中的V，所以它不能與Angular這樣的框架相比。ReactJs是用ES6編寫的，可以在Babel中翻譯成ES5。它還可以用Babel將其轉(zhuǎn)譯成JavaScript的JSX。

WebPack或Browserify

這兩種都是較流行的模塊打包機(jī)。它們可以獲取js源代碼，找出正確的依賴關(guān)系，并發(fā)布能夠驅(qū)動整個(gè)應(yīng)用程序的JavaScript文件。