知己知彼，方寸不亂。
1 前端技能圖譜
基礎
- HTML / CSS
- JavaScript
- DOM
中級篇
- 資料格式（如JSON、XML）
- RESTful API互動（如jQuery Ajax，Fetch API，ReactiveX）
- 正規表示式
- HTML語義化
- 命令列
- Node.js
- DIV / CSS
- SCSS / SASS
- 向量圖形 / 向量圖形動畫（如SVG）
- 單頁面應用
高階篇
- ES6 / TypeScript
- CSS3
- 物件導向程式設計
- 函數語言程式設計
- MVC / MVVM / MV *
- 安全性（如跨域）
- 授權（如HTTP Basic、JWT等等）
工程化
- 程式碼質量（如JSLint / ESLint / TSLint / CSLint）
- 程式碼分析（如Code Climate）
- 測試覆蓋率
- 構建系統（gulp、grunt、webpack等等）
- 自動構建（指令碼）
相容性
- 跨瀏覽器測試 （Chrome，IE，Firefox，Safari等等）
- 跨平臺測試（Windows、GNU / Linux，Mac OS等等）
- 跨裝置測試（Desktop，Android，iOS，Windows Phone）
- 跨版本測試（同一個瀏覽器的不同版本）
前端特定
- CSS / CSS3 動畫
- JavaScript動畫
- Web字型嵌入
- Icon字型
- 圖形和圖表
- CSS Sprite（如glue）
- DOM操作（如jQuery、React等等）
- 模板引擎（如JSX、Handlebars、JSP、Mustache等等）
軟體工程
- 版本管理（如git、svn）
- 包管理（如npm、bower）
- 依賴管理
- 模組化（如CommonJS、WebPack）
除錯
- 瀏覽器除錯
- Debug工具
- Wireshark / Charles抓包
- 遠端裝置除錯（如Chrome Inspect Devices）
測試
- 單元測試
- 服務測試
- UI測試
- 整合測試
效能與優化
- PageSpeed / Yslow 優化
- 載入優化（如gzip壓縮、快取等等）
- 效能測試（特別是移動Web）
- 可用性
- 壓縮（如Minify、Uglify、CleanCSS等等）
設計
- 切頁面
- 線框圖（Wireframe）
- 響應式設計
- 網格佈局（Grid Layout）
- Flexbox佈局
SEO
- Sitemap（站點地圖）
- 內部連結建設
- MicroData / MicroFormat
- 頁面靜態內容生成
- H1、H2、H3和strong使用
- Title、Description優化
- 頁面靜態內容生成
2 後臺技能圖譜
入門
- HTML / CSS
- 程式語言：Java / Python / PHP / Ruby等等
- Web框架，如Spring MVC、Flask、Laravel等等
- HTTP協議基礎
- CGI基礎
中級篇
- XML和JSON處理
- 資料結構與演算法
- 物件導向程式設計
- CMS
- API設計
- 網路通訊協議，如TCP / Socket
高階篇
- 函數語言程式設計
- 領域驅動設計
- MVC架構
- 執行環境優化，如JVM
- 遠端除錯
工程化
- 版本管理
- 單元測試
- 依賴管理
- 包管理
基礎設施
- 虛擬化，如Docker
- 自動化部署
- 應用包建立、管理、釋出
- 釋出指令碼編寫
- Web容器，如Jboss
快取篇
- 應用層快取
- 平臺快取
- 資料庫端快取
- 分散式快取
資料持久化
- SQL
- NoSQL
- ORM
- DBMS
- 搜尋引擎
資料庫
- 查詢效能優化
- 結構優化
- 主從複製、主主複製等等
- 伸縮性與高可用性
- 備份恢復與容災
安全和加密
- 認證與會話管理
- 加密解密
- 數字簽名、數字證照
- 加密演算法
- XSS / CSRF / SQL隱碼攻擊
監控
- 應用效能監控
- 異常監控
- 日誌
- 流量監控
服務
- RESTful
- SOA
- RPC
- MicroServices
訊息
- JMS
- IPC
- MQ
3 DevOps技能圖譜
入門篇
- 編寫指令碼，如Shell、Perl、Python等等
- 程式語言
- Web應用執行基本原理
- HTTP伺服器
- 應用容器
- 命令列，如awk
- CGI
- 修復漏洞
中級篇
- 自動化運維
- GNU / Linux作業系統
- 編譯
- 資料庫
高階篇
- 分散式檔案系統
- 分散式儲存系統
雲服務
- 儲存服務，如AWS S3
- 計算服務，如AWS Lambda
- 託管服務，如AWS EC2
安全性
網路
- CCNP / CCNA
持續整合
- 持續整合工具
- 自動構建工具
- 依賴管理工具
- 版本管理工具
虛擬化
- 應用容器虛擬化，如Docker
- 環境虛擬化
- 作業系統虛擬化
自動化 (puppet,chef)
- 自動化配置
- 自動化部署
- 程式管理工具，如Supervisor
監控
- 基礎設施監控
- 日誌管理
- 監控服務
負載均衡
- 邊緣快取，如（Varnish）
- DNS負載均衡
- CDN
4 軟技能圖譜
影響力 / 個人品牌
- 寫作
- 演講
- 培訓
- 部落格
- 社交媒體
社群
- 社交媒體交流
- 自媒體平臺
- 技術社群
- 問答社群
持續學習
- 學習新技術、語言
健康
- 運動
- 不熬夜
生產力
- 熟悉工具
- 快捷鍵、快捷鍵、快捷鍵
估算
- 完成時間估算
- 延遲花費
- 預算估算
- 薪資估算
其他
- 面試
- 客戶溝通