web移動開發技能圖譜以及注意事項

前端技能圖譜

• 基礎
  • 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優化
  • 頁面靜態內容生成

後臺技能圖譜

• 入門
  • 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

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

軟技能圖譜

• 影響力 / 個人品牌
  • 寫作
  • 演講
  • 培訓
  • 部落格
  • 策劃能力
  • 文藝愛好
  • 社交媒體
• 社群
  • 社交媒體交流
  • 自媒體平臺
  • 技術社群
  • 問答社群
• 持續學習
  • 學習新技術、語言
• 健康
  • 運動
  • 不熬夜
• 生產力
  • 熟悉工具
  • 快捷鍵、快捷鍵、快捷鍵
• 估算
  • 完成時間估算
  • 延遲花費
  • 預算估算
  • 薪資估算
• 其他
  • 面試
  • 客戶溝通

下面筆者就給大家分享當前主流的七大程式語言知識庫——技能+圖譜，一庫全都有。

Java

早在2012年，就有不少人在網上釋出Java已死等類似唱衰的言論。然而，在這種聲討中，Java不僅沒死，反而愈加強大，一直穩坐TIOBE前三的位置。下面分享Java三大領域的技能+圖譜。

Java Web

點選下載Java Web圖譜高清原圖

Java EE 

點選下載Java EE圖譜高清原圖

Java SE 

點選下載Java SE圖譜高清原圖

C

近年來，谷歌一直致力於開發出自己的程式語言以取代當今世上最常用的C、C++和JavaScript。在系統語言方向，谷歌的Go語言能夠為使用者在資料中心內建立大型軟體提供更多的便捷，有望取代C語言和C++的地位；而在網路開發方面，谷歌希望憑藉Dart取代JavaScript。程式語言的世界裡可謂是江山代有人才出，可有那麼一位引領風騷達數十年之久，它就是C語言。

C語言知識庫

點選下載C語言知識圖譜高清原圖

C++

C++是在C語言基礎上開發出的一門物件導向語言，目前的最新標準還是2014年頒佈的C++ 14。在近十年的TIOBE排行榜上，C++始終排在前五名的位置。

C++知識庫 

點選下載C++知識圖譜高清原圖

Python

上面列舉的幾個都屬於靜態程式語言，下面再來看看動態程式語言Python,目前最受歡迎程式語言之一。

Python知識庫 

點選下載Python知識圖譜高清原圖

PHP

看到Python，很多小夥伴肯定會問，PHP呢。網上經常流出一個段子：PHP是最好的語言，其中的道道，筆者就不一一解說了。相信，你懂的。

PHP知識庫

點選下載PHP知識圖譜高清原圖

JavaScript

JavaScript是不少開發者的入門語言。目前，網上基於JS的框架特別多，是一門深受開發喜歡的程式語言。

JavaScript知識庫 

點選下載JavaScript知識圖譜高清原圖

Swift

Swift作為一門新興語言，自發布就深受開發者的歡迎，自從它面世以後，Objective-C在TIOBE上的排名就呈下滑狀態。目前，很多開發者都在觀望Swift 3的面世。

Swift知識庫

點選下載Swift知識圖譜高清原圖