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

JavaScript

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

ES6

這是Javascript語(yǔ)言的擴(kuò)展，而且很多瀏覽器正在實(shí)現(xiàn)ES6。好處是你現(xiàn)在就可以開(kāi)始編寫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ù)器端平臺(tái)，允許用JavaScript語(yǔ)言構(gòu)建后端。為什么我要提到NodeJS?這是因?yàn)?，即使你?duì)后端開(kāi)發(fā)不感興趣，但很多前端工具也依賴于NodeJS，至少要熟悉node及其命令行工具。

NPM

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

Grunt或Gulp

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

ReactJs

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

WebPack或Browserify

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