Front-End Engineer
前端工程師(Front-End Engineer)學習筆記:
圖一、前端知识结构图(圖片來源@jayli)
參考文件:
1. 如何成为一名优秀的web前端工程师
2. What makes a good front end engineer?
3. 为什么前端工程师很难找?
4. 怎样成长为一个优秀的 Web 前端开发工程师?
5. 前端工程面試題目
6. 前端技能汇总 Frontend Knowledge Structure(1)
7. 前端技能汇总 Frontend Knowledge Structure(2)
2. What makes a good front end engineer?
3. 为什么前端工程师很难找?
4. 怎样成长为一个优秀的 Web 前端开发工程师?
5. 前端工程面試題目
6. 前端技能汇总 Frontend Knowledge Structure(1)
7. 前端技能汇总 Frontend Knowledge Structure(2)
9. 前端工程開發實務
11. Google的HTML5簡報
12. SASS教學手冊
13. F2E職場能力需求
14. 前端工程-軟體開發的關鍵
15. F2E Evolution
17. w3cplus
20. 排版
26. jQuery 基本原理
27. CSS参考手册
28. JavaScript 秘密花园
29. AngularJS学习笔记
31. React-Native入门指南
33. 關於國外工作這件事
36. SEO小工具
38. 前端工程——基础篇 #10
40. 2015前端生态发展回顾 #32
46. 2016:前端的路应该怎么走
常用工具:
1. Yeoman
2. Bower
3. Grunt
4. Gulp
5. CoffeeScript
6. Compass
7. RequireJS
8. Livereload
9. CSS Format
10. Karma
11. Jasmine
12. Jasny Bootstrap
13. Bootsnipp
14. browserify
15. Cloudflare
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
介面:
模組化:
測試:
3. 前端自动化测试探索
4. 让前端测试变的自动化
4. Selenium
5. Mocha
6. Chai
7. Protractor
1. 前端面試經典集合
2. JS 規格問題集
3. 关于前端面试
3. 2015年末必备前端工具集
4. Awesome Front-end Teams
5. 百度前端技術學院
參考文件:
3. 前端开发面试题
5. MVVM
6. 前端工程師必須學會的現代化前端開發工具
HTML:
CSS:
1. CSS For Backend Developers – Part I
一、PostCSS
二、SASS
三、LESS
四、SCSS
一、Webpack
二、RequireJS
1. 初探 RequireJS
三、CommonJS
四、React
1. React 入门教程
2. React-seed
1. Redux学习笔记
七、Flux
九、NodeJS
十、Babel
十二、Immutable.js
十三、Isomorphic
十四、JSX
十五、NodeJS
------------------------------
前端 JavaScript 框架:
JS 轉譯器工具:
一、Babel
JS 品質管理工具:
一、JSHint
模組化管理工具:
一、RequireJS(AMD)
二、CommonJS
三、UMD
前端 CSS 框架:
一、Bootstrap
CSS 前置處理器:
二、SASS
工作管理器:
一、Gulp
1. gulp 入門指南
ng-annotate -a public/scripts/app.js -o public/scripts/app.annotate.js
二、Grunt
三、Browserify
四、Webpack
套件管理器:
一、Bower
二、npm
建模工具:
文字編輯器:
測試:
一、Jasmine
HTML:
CSS:
JavaScript:
1. JavaScript奇技淫巧45招
Node.js:
1. balderdashy/sails-docs
D3.js: