myLearningList

My Comfort Zone

1. 開發工具

   • 編輯器和IDE： Sublime Text2 / VIM / Webstorm
   • 調試工具：Chrome Dev Tools / cssdesk / pingdom / Fiddler
   • 版本管理：github / gitlab

2. 代碼質量

   • Coding style：JSLint / JSHint / CSSLint
   • 單元測試：Mocha / Chai
   • 自動化測試：Karma Runner / Phantomjs

3. 前端庫/框架

   • AngularJS / Jquery / React / Underscore

4. 前端標準/規範

   • ES5 / ES6 / CommonJS / AMD / HTML5 / CSS3
   • 性能： HTTPWatch / PageSpeed / 高性能Javascript

5. 部署流程

   • 壓縮合併：CleanCSS / UglifyJS
   • 文檔輸出
   • 項目構建工具：FIS / Gulp / Grunt / Mod

6. 代碼組織

   • 模塊化預處理：Browerify
   • 文件加載：RequireJS / Webpack
   • 業務邏輯模塊化：bower
   • 類庫模塊化：CommonJS / AMD
   • 移動Web

7. 編程語言

   • Javascript / node.js

8. 基礎呈現

   • SASS / Bootstrap

9. 可視化/組件

   • d3.js / SVG / Canvas / WebGL / three.js
   • leaflet.js / paper.js /

Finished

• markdown
• git (command line)
• npm, grunt, bower
• yo webpack/webapp
• javascript basic
• javascript dom
• bootstrap
• SASS
• leaflet.js
• social share function
• hexo
• chrome console debug

On going

• react.js
• d3.js
• jquery.js
• full-keyboard operation
• angular.js
• css3 (animation)
• three.js
• node.js
• ES6
• processing
• Html5

To Learn

• Actionscript
• Python
• Openframeworks
• OpenGL
• C++
• paper.js