全棧工程師技能圖譜

知己知彼，方寸不亂。

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
• 頁面靜態內容生成
• 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 軟技能圖譜

影響力 / 我的品牌

• 寫做
• 演講
• 培訓
• 博客
• 社交媒體

社區

• 社交媒體交流
• 自媒體平臺
• 技術社區
• 問答社區

持續學習

• 學習新技術、語言

健康

• 運動
• 不熬夜

生產力

• 熟悉工具
• 快捷鍵、快捷鍵、快捷鍵

估算

• 完成時間估算
• 延遲花費
• 預算估算
• 薪資估算

其餘

• 面試
• 客戶溝通

---

轉載自 https://github.com/phodal/awesome-growth