
圖片來源:http://blog.naustud.io/2015/06/baseline-for-modern-front-end-developers.html
假設(shè)每個領(lǐng)域的前端開發(fā)者都使用基礎(chǔ)的高級 HTML、CSS、DOM、JavaScript、HTTP/URL和瀏覽器技能。
除了 HTML、CSS、DOM、JavaScript、HTTP/URL以及瀏覽器開發(fā)的專業(yè)知識,一個前端開發(fā)者還需要掌握以下一項或多項技能:
- 內(nèi)容管理系統(tǒng)(亦稱 CMS)
- Node.js
- 跨瀏覽器測試
- 跨平臺測試
- 單元測試
- 跨設(shè)備測試
- Accessibility / WAI-ARIA
- 搜索引擎優(yōu)化(亦稱 SEO)
- 交互或用戶界面設(shè)計
- 用戶體驗
- 適用性
- 電子商務(wù)系統(tǒng)
- 門戶系統(tǒng)
- 線框繪制
- CSS 布局/ Grids
- DOM 操作(比如 jQuery)
- 移動 Web 性能
- 負(fù)載測試
- 性能測試
- 漸進(jìn)增強(qiáng)/優(yōu)雅降級
- 版本控制(比如 GIT)
- MVC / MVVM / MV*
- 函數(shù)式編程
- 數(shù)據(jù)格式(比如 JSON,XML)
- 數(shù)據(jù)API(比如 Restful API)
- Web 字體嵌入
- 可縮放矢量圖形(亦稱 SVG)
- 正則表達(dá)式
- 內(nèi)容策略
- Microdata / Microformats
- 任務(wù)管理器,構(gòu)建工具,過程自動化工具
- 自適應(yīng)網(wǎng)頁設(shè)計
- 面向?qū)ο蟮某绦蛟O(shè)計
- 應(yīng)用程序構(gòu)建
- 模塊
- 依賴管理
- 包管理
- JavaScript 動畫
- CSS 動畫
- 圖表/圖形
- UI 控件
- 代碼質(zhì)量測試
- 代碼覆蓋率測試
- 代碼復(fù)雜性分析
- 集成測試
- 命令行/命令行界面
- 模板策略
- 模板引擎
- 單頁應(yīng)用
- XHR 請求(亦稱 AJAX)
- Web /瀏覽器 安全
- HTML 語義
- 瀏覽器開發(fā)工具
更多建議: