作為一個前端程式設計師，要學的東西很多，要看的技術書籍也不少。各種層出不窮的框架和工具出現，出現百花齊放的景象。

為了保持競爭力，還是要多讀書，多嘗試新的框架和工具，多擼程式碼。練就一雙強壯的麒麟臂，才能在江湖留得一席之地。

列出一些書單，工具集和要掌握的知識。

書單：

• 《JavaScript權威指南》

• 《JavaScript高階程式設計》

• 《JavaScript模式》

• 《JavaScript設計模式》

• 《高效能JavaScript》

• 《深入淺出nodeJS》

• 《Javascript語言精粹》

• 《圖解CSS3》

• ......

工具：

• Sublime Text & Atom & Webstorm & VS code //編輯器、IDE

• SVN & Git //程式碼管理、版本控制

• Chrome Dev Tools & FireFox Developer Edition //瀏覽器開發者工具

• ESLint & JSLint //JavaScript程式碼語法檢查

• ironNode //NodeJS程式碼除錯

• less & sass

• React DevTools //react除錯工具

• Grunt & Gulp & browserify & Webpack + Hot module replacement //程式碼打包及熱部署工具

• Redux DevTools //redux除錯工具

• Babel //ES6、react等語法轉換工具，將程式碼轉換成ES5

• forever * pm2 //nodejs專案部署工具

• karma & mocha & PhantomJS //自動化測試工具

• ......

框架、庫

• jQuery

• Backbone

• Ember

• Angular & Angular2

• React

• Vue & Vue2

• Ionic & Ionic2

• React Native

• Weex

• Electron

• ...

知識

• JavaScript(ECMAScript)，ES5 & ES6 & ES7

• HTML5 API & CSS3

• SVG & Canvas

• WebGL & D3.js

• CMD & AMD & CommonJS規範

• RequireJS & SeaJS

• CoffeeScript & TypeScript

• NodeJS & Express & Koa

• 延時載入、延時請求

• HTTP & WebSocket & TCP 協議

• 效能優化

• ......

如有錯誤或不足，請指正，謝謝。

最後：“相信有很多想學前端的小夥伴，今年年初我花了一個月整理了一份最適合2018年學習的web前端乾貨，從最基礎的HTML+CSS+JS到移動端HTML5等都有整理，送給每一位前端小夥伴，53763，1707這裡是小白聚集地，歡迎初學和進階中的小夥伴。”

祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。