Web開發者需要學習的語言工具

本文概括了一系列軟件開發工作者應該學習的編程語言/工具，以便于同學們理解現代快速更新變化的web開發知識。

一、JavaScript

這是唯一一種所有瀏覽器都理解的編程語言，并且它是前端開發的支柱。JavaScript也被稱為ECMAScript，ES 5。在深入其他語言之前好好理解這門編程語言非常重要。

二、ES6

這是Javascript語言的擴展，而且許多瀏覽器正在實現ES6。好處是哪怕是現在，你也可以開始編寫ES6代碼，因為你可以使用transpiler(轉譯器)如Babel來轉換ES6代碼為ES5代碼。經歷這些并了解新功能是一件好事。不過，沒有不要鉆研得太深因為它們很容易發生變化。

三、Babel

這是最流行的ES6到ES5轉譯器之一。此外，它還被許多框架，如React所推薦。要想實時地將ES6轉換為ES5代碼。

需要注意的是Babel不僅僅是ES6到ES5的轉譯器。它也是JSX到JavaScript的轉譯器。不知道什么是JSX?那么請看下面。

四、NodeJS

NodeJS是一個服務器端平臺，它允許你用JavaScript語言構建后端。為什么我要提NodeJS呢?這是因為，即使你對后端開發不感興趣，但是許多前端工具依賴于NodeJS。至少要熟悉node和它的命令行工具。

五、NPM

NPM是node的軟件包管理器。就像pip之于Python，ruby gems之于Ruby，以及Maven之于Java。了解如何安裝/刪除/升級軟件包，尤其是package.json文件結構。

六、Grunt或Gulp

這兩個是運行在Node平臺上最為流行的任務運行器。從技術上講，它們是針對npm的軟件包。它們允許你自動化許多前端任務，如Lint源文件，串聯，縮減，部署以及更多。

七、Bower

這是用于前端庫本身的一個軟件包管理工具。想添加Jquery到你的應用程序?和使用bower install jquery一樣容易。

上述工具用于基本的前端開發已經足夠。不過下面我還要說一說兩個最流行的框架，即React和Angular。

八、ReactJs

ReactJs是構建視圖最流行的前端庫。請注意，它不僅僅是MVC中的V，因此和框架如Angular沒有比較性。ReactJs是用ES6寫的，并且可以用Babel轉譯為ES5。它還使用也可以用Babel轉譯為JavaScript的JSX。

九、WebPack或Browserify

這兩個都是最流行的模塊打包機。它們可以獲取js源代碼，找出正確的依賴關系，并發出可以驅動整個應用程序的JavaScript文件。我更喜歡WebPack。

十、Flux或Redux

React組件被布置在一個層次結構中。大部分時間，數據模型遵循層次結構。在這種情況下，Flux并不怎么有用。然而，有時候你的數據模型是不分層的。當你的React組件開始接收外部道具，或你有少量的組件開始變得非常復雜的時候，那么你可能會想要試試Flux。

十一、Angular 2

Angular 2是JavaScript中最流行的MVC框架之一的下一個版本。它被完全重新設計過了，并且有一條陡峭的學習曲線。全面支持雙向數據綁定。在選擇Angular 2開發時要小心評估。

十二、Immutable.js

Immutable.js提供了一套數據結構，可以幫助解決在構建React app時的某些性能問題。這是一個偉大的庫，你可能會在你的app中大量使用它，但是當你關注于性能影響時，它就完全沒用了。