前端技能圖譜
基礎
- 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
- 頁面靜態內容生成
- H一、H二、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 軟技能圖譜
影響力 / 我的品牌
- 寫做
- 演講
- 培訓
- 博客
- 社交媒體
社區
- 社交媒體交流
- 自媒體平臺
- 技術社區
- 問答社區
持續學習
- 學習新技術、語言
健康
- 運動
- 不熬夜
生產力
- 熟悉工具
- 快捷鍵、快捷鍵、快捷鍵
估算
- 完成時間估算
- 延遲花費
- 預算估算
- 薪資估算
其餘
- 面試
- 客戶溝通