前端工程師之路

做爲一個前端程序員,要學的東西不少,要看的技術書籍也很多。各類層出不窮的框架和工具出現,出現百花齊放的景象。前端

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

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

書單:

  • 《JavaScript權威指南》程序員

  • 《JavaScript高級程序設計》redux

  • 《JavaScript模式》設計模式

  • 《JavaScript設計模式》瀏覽器

  • 《高性能JavaScript》sass

  • 《深刻淺出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 //ES六、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 協議

  • 性能優化

  • ......

待續。。。若有錯誤或不足,請指正,謝謝。

clipboard.png

相關文章
相關標籤/搜索