前端工程化工具初選

　　面對日益紛雜的前端工具，做爲新人常感無從下手。通過一番檢索和簡單對比，再結合本身的喜愛，篩選了將要學習和使用的工具，以適應日益工程化、專業化的 Web 前端開發工做。

庫與框架

• jQuery 操做dom的神器，曾經一度火的一塌糊塗。

• jQuery UI: 一個JQuery的UI框架,特色是高效、組件化

• Vue.js: 數據驅動的組件，爲現代化的 Web 界面而生

• angularjs 應用最普遍的企業級web開發框架

• angular: 新一代angular開發框架

• React.js: 構建組化件應用的javascript庫

• React Native: 使用react構建移動app應用

構建工具&模塊化

一個構建、測試應用的構建工具

• gulp.js: 自動化工做流

• node 創建在V8引擎上的快速構建平臺

模塊打包器

將模塊打包到一個bundle中

• webpack: 可以將依賴打包、生成的自動構建工具

包管理

一個用來管理依賴的包管理器，你可使用它下載不少模塊化的工具

• npm: Node 模塊化管理工具

CSS 處理

提供一個高效、動態的方法生成css

• Stylus: node社區的css預處理器

• PostCSS: 將css轉換成js插件

模塊化

• ECMAScript 6 Module

模板引擎

使用js生成html文件

• EJS

• jade

測試框架

• Mocha: 一個簡單、快速的用來測試node和web應用的測試框架

• Chai: Chai 是一個針對 Node.js 和瀏覽器的行爲驅動測試和測試驅動測試的診斷庫，可與任何 JavaScript 測試框架集成。

腳手架

• Yeoman Web 應用開發流程與工具

• koa-generator koa項目生成器

集成方案

• FIS: 解決前端開發中自動化工具、性能優化、模塊化框架、開發規範、代碼部署、開發流程等問題

UI框架

• bootstrap 簡潔、直觀、強悍的UI框架，讓web開發更迅速,後端程序的福音。

• foundation 最流行的響應式前前端佈局框架

• semantic-ui Semantic做爲一個開發框架，經過HTML語言幫助建立使人賞心悅目、響應式的佈局。

• Material UI 一組反應元件，實現谷歌的材料設計。

• ant design Ant Design 是一個 UI 設計語言，是一套提煉和應用於企業級後臺產品的交互語言和視覺體系。

遊戲引擎

• CreateJS 基於HTML5的一套模塊化的庫和工具共同工做或獨立使豐富的交互式內容的開放式Web技術。

• PhaserJS PC端和移動端HTML5遊戲框架 。

• ThreeJS 製做HTML5的3D遊戲引擎 。

• 白鷺 Egret是一套HTML5遊戲開發解決方案

• Cocos2d-JS 開發者能夠經過cocos遊戲開發引擎快速編輯界面和動畫、編寫和調試代碼等，最終導出適合於各平臺、各渠道發佈的遊戲安裝包。

容器

• Docker: Build, Ship, and Run Any App, Anywhere

社區

• stackoverflow 技術大牛多，素質好，質量高

• segmentfault 自動生成目錄，博客UI看起來相對漂亮，內容質量高

• 開源中國 支持開源文化

學習網站

• 極客學院 學習資源多

• 慕課網 質量高，全免費

• 花川學院 學習swift的好去處

• 麥子學院 後起之秀

• W3C菜鳥 新手程序員的天堂

• 雲路課堂 極客風

• 碼萌 編程歷來簡單有趣

其餘經常使用網站

• github 程序員的QQ,面試的門面

• 碼雲 和馬雲同名，給個面子

• 淘寶同步npm 訪問快，10分鐘同步一次，查資料必備

• bootCDN 使用最廣泛的CDN

• font-awesome 最好用的圖標庫

• JSON格式化 這個時代的開發者誰離得了JSON呢

• 開發工具 全面省心