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

天府雲創發表於2017-06-05

前端技能圖譜

  • 基礎
    • 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

軟技能圖譜

  • 影響力 / 個人品牌
    • 寫作
    • 演講
    • 培訓
    • 部落格
    • 策劃能力
    • 文藝愛好
    • 社交媒體
  • 社群
    • 社交媒體交流
    • 自媒體平臺
    • 技術社群
    • 問答社群
  • 持續學習
    • 學習新技術、語言
  • 健康
    • 運動
    • 不熬夜
  • 生產力
    • 熟悉工具
    • 快捷鍵、快捷鍵、快捷鍵
  • 估算
    • 完成時間估算
    • 延遲花費
    • 預算估算
    • 薪資估算
  • 其他
    • 面試
    • 客戶溝通
【附錄】各核心技術知識圖譜大曝光,知識庫精華資源強力推薦

HTML5知識庫

圖片描述

HTML5知識圖譜

知識圖譜由前端技術專家、CSDN部落格專家侯志強(@yisuowushinian)繪製,全棧工程師、架構師、AndroidHTML5專家張西濤(@offbye)、Html5研發工程師谷震平(@guzhenping)等多位HTML5領域專家、開發高手擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章145篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為HTML知識庫貢獻一份力,馬上申請成為HTML5知識庫特邀編輯>>

內容精選:

CSS3知識庫

圖片描述

CSS3知識圖譜

知識圖譜由前端技術專家、CSDN部落格專家侯志強(@yisuowushinian)繪製,目前各知識節點下的優秀文章已提取完成,進一步的內容篩優正在進行。

如果您正專注於CSS技術研究,平時熱愛閱讀相關技術文章,也熱忠於技術分享,歡迎您加入CSDN CSS3知識庫內容稽核特邀編輯團隊,與我們攜手共同完成CSS3知識庫。

JavaScript知識庫

圖片描述

JavaScript知識圖譜

知識圖譜由Java高階工程師王成委(@jaune161)繪製,騰訊前端高階工程師黃丹華(@danhuang2012),東南大學行動通訊國家重點實驗室研究生肖果平(@i10630226),CSDN專欄達人、前端技術開發者李剛(@ligang2585116),前端技術開發者袁康(@u011043843)等多位領域專家、開發高手,擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章1000多篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為JavaScript知識庫貢獻一份力,馬上申請成為JavaScript知識庫特邀編輯>>

內容精選:

jQuery知識庫

圖片描述

jQuery知識圖譜

圖譜由CSDN部落格專家郭曉湉(@XTQueen_up)繪製,網易杭州研究院前端開發工程師劉放(@mevicky)、CSDN部落格專家胡旭(@itmyhome)、廣發證券前端開發工程師李澤揚、CSDN部落格專家吳士龍(@u013047005)等多位領域專家、開發高手,擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章300多篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為jQuery知識庫貢獻一份力,馬上申請成為jQuery知識庫特邀編輯>>

內容精選:

Node.js知識庫

圖片描述

Node.js知識圖譜

知識圖譜由騰訊前端高階工程師黃丹華(@danhuang2012)繪製,《Nodejs開發加密貨幣》作者朱志文(@imfly)、杭州聚火瓶技術有限公司技術負責人李智(@www19940501a)、深圳塔塔互動網路科技技術合夥人稻帥(@enson16855)、CSDN專欄作者李鍇(@u010668495)等多位領域專家、開發高手,擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章200多篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為Node.js知識庫貢獻一份力,馬上申請成為Node.js知識庫特邀編輯>>

內容精選:

AngularJS知識庫

圖片描述

AngularJS知識圖譜

知識圖譜由廣發證券前端開發工程師李澤揚繪製,CSDN專欄達人孫華強(@sunhuaqiang1)、江榮波(@Rongbo_J)等多位領域專家、開發高手,擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章300多篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為AngularJS知識庫貢獻一份力,馬上申請成為AngularJS知識庫特邀編輯>>

內容精選:

React知識庫

圖片描述

React知識圖譜

知識圖譜由螞蟻金服前端工程師林展新繪製,jQuery WeUI作者李巨集訓(@lihongxun945)、React技術開發者李明明(@limm33)、移動開發者餘勃(@yubo_725)等多位領域專家、開發高手,擔任特邀編輯參與內容稽核,已收錄各核心技術點下精華文章300多篇及其他優秀學習資源(視訊課程、實踐Demo、圖書)。想為React知識庫貢獻一份力,馬上申請成為React知識庫特邀編輯>>

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

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知識圖譜高清原圖

相關文章