來源:六角學院
前端初心者
必備技能
- Git (版本控制工具)
- Terminal (終端機操作)
- 文字編輯器
- 研究的心
CSS
CSS 預處理
- *Sass
- *PostCSS
- Less
- Stylus
CSS 模組化概念
- *OOCSS
- SMACSS
- BEM
CSS 框架
- *Bootstrap
- UIKit
- Foundation
- Semantic UI
CSS 技巧
- *Responsive Web
- *Flexbox
CSS 專精
- Grid Layout
- Animation
- Transform 2D, 3D
前端設計師
設計專精
繪圖軟體
- *Sketch
- *Adobe XD
- Photoshop
- Illustrator
UI 設計
閱讀設計規範
- *Material Design
- iOS Human Interface Guidelines
- Atomic design
Web 繪圖技術
- SVG
- Canvas
- D3.js
前端開發者
JavaScript
基礎 DOM 操作
jQuery
JavaScript 技巧
**ES6
JavaScript 預處理
- TypeScript
- Babel
- CoffeeScript
JS Framework (擇一)
- *Vue.js
- *Angular.js
- *React.js
管理工具
套件管理工具
- *NPM
- *YARN
- Bower
任務管理工具
- *npm script
- *gulp
- grunt
模組打包工具
- *Webpack
- Parcel
後端開發
Node.js
- Express
- Koa
- Meteor
第三方 API
- Google API
- Facebook API
測試
- Krama
- Mocha
- Nightwatch