Front-End Engineer

前端工程師(Front-End Engineer)學習筆記:
圖一、前端知识结构图(圖片來源@jayli)

參考文件:
17. w3cplus
20. 排版

常用工具:
1. Yeoman
2. Bower
3. Grunt
4. Gulp
6. Compass
8. Livereload 
10. Karma
11. Jasmine
13. Bootsnipp
1. Angular
2. Backbone
3. React
5. Knockout

臺灣前端社群(Taiwan F2E Community):
1. JavaScript.tw
2. HTML5與CSS3在台灣
3. Node.js台灣
4. HappyDesigner 快樂設計師
5. RGBA網路設計師聚會
6. F2E台灣
7. React.tw
8. AngularTW
前端論壇(Conference):
1. JSDC
介面:
模組化:

測試:
5. Mocha
6. Chai
1. 前端面試經典集合
3. 关于前端面试
3. 2015年末必备前端工具集 
4. Awesome Front-end Teams
一、PostCSS
二、SASS
三、LESS
四、SCSS
JavaScript:
EchoJS
一、Webpack
二、RequireJS
三、CommonJS
四、React
七、Flux
九、NodeJS
十、Babel
十一、ES6、ES7
1. ECMAScript 6入门
2. 30分钟掌握ES6/ES2015核心内容(上)
3. 【翻译】这个API很“迷人”——(新的Fetch API)

十二、Immutable.js
十三、Isomorphic
十四、JSX
十五、NodeJS

------------------------------

前端 JavaScript 框架: 
JS 轉譯器工具:
一、Babel
JS 品質管理工具: 
一、JSHint
模組化管理工具: 
一、RequireJS(AMD)

二、CommonJS

三、UMD

前端 CSS 框架: 
一、Bootstrap
CSS 前置處理器: 
二、SASS
工作管理器: 
一、Gulp
ng-annotate -a public/scripts/app.js -o public/scripts/app.annotate.js

二、Grunt

三、Browserify
四、Webpack
套件管理器: 
一、Bower
二、npm
建模工具: 
文字編輯器: 
測試:
一、Jasmine
二、Mocha
三、Karma
四、chai
五、sinon



HTML:
CSS: 
JavaScript: 
1. JavaScript奇技淫巧45招 
Node.js: 
1. balderdashy/sails-docs
D3.js:

贊助本站 (Donate)