【收集】前端技能知识图谱
今天狂Github，發現一份不錯的前端知識圖譜與學習路線圖，特分享給大家，希望對前端感興趣的同志們有些幫助。
前端開發知識結構
前端工程師
SVG/Canvas/VML
SVG: D3/Rapha?l/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL/Three.JS
知識管理/總結分享
溝通技巧/團隊協作
需求管理/PM
交互設計/可用性/可訪問性知識
編譯原理
計算機網絡
操作系統
算法原理
軟件工程/軟件測試原理
Unicode
D2/WebRebuild
NodeParty/W3CTech/HTML5夢工廠
JSConf/滬JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG
HTML5/CSS3
響應式網頁設計
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
W3C Mobile Web Initiative
W3C mobileOK Checker
Open Mobile Alliance
CSRF/XSS
CSP
Same-origin policy
ADsafe/Caja/Sandbox
類庫模塊化
業務邏輯模塊化
文件加載
模塊化預處理器
CommonJS/AMD
YUI3模塊
bower/component
LABjs
SeaJS/Require.js
Browserify
壓縮合并
文檔輸出
項目構建工具
YUI Compressor
Google Clousure Complier
UglifyJS
CleanCSS
JSDoc
Dox/Doxmate/Grunt-Doxmate
make/Ant
GYP
Grunt
Gulp
Yeoman
FIS
Mod
數據結構
OOP/AOP
原型鏈/作用域鏈
閉包
編程范型
設計模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace's Ajax
高性能JavaScript
HTTP/1.1: RFCs 7230-7235
HTTP/2
ECMAScript3/5
W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
CommonJS Modules/AMD
HTML5/CSS3
Semantic Web
Web Accessibility
MicroData
RDFa
WCAG
Role Attribute
WAI-ARIA
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS/KISSY
Backbone/KnockoutJS/Emberjs
AngularJS
Bootstrap
Semantic UI
Juice UI
Web Atoms
Polymer
Dhtmlx
qooxdoo
React
Brick
Knockout
Batarang
Coding style
單元測試
自動化測試
JSLint/JSHint/jscs
CSSLint
Markup Validation Service
HTML Validators
QUnit/Jasmine
Mocha/Should/Chai/Expect
Unit JS
WebDriver/Karma Runner/Sahi
phantomjs
編輯器和IDE
調試工具
版本管理
VIM/Sublime Text2
Notepad++/EditPlus
WebStorm
Emacs EmacsWiki
Brackets
Atom
Lime Text
Light Table
Codebox
TextMate
Neovim
Komodo IDE / Edit
Eclipse
Visual Studio
NetBeans
Cloud9 IDE
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Chrome Dev Tools
Dragonfly
DebugBar
Venkman
Git/SVN/Mercurial
Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge
HTML/HTML5
CSS/CSS3
PhotoShop/Paint.net/Fireworks/GIMP
JavaScript/Node.js
CoffeeScript
TypeScript
IE6/7/8/9/10/11 (Trident)
Firefox (Gecko)
Chrome/Chromium (Blink)
Safari (WebKit)
Opera (Blink)
瀏覽器
編程語言
切頁面
開發工具
代碼質量
前端庫/框架
前端標準/規范
性能
SEO
編程知識儲備
部署流程
代碼組織
安全
移動Web
前沿技術社區/會議
計算機知識儲備
軟技能
可視化
后端工程師
Unix/Linux/OS X/Windows
Varnish
Squid
Redis
Memcached
SQL
MySQL/PostgreSQL/Oracle/DB2
MongoDB/CouchDB
Nginx
Apache
Lighttpd
C/C++/Java/PHP/Ruby/Python/...
編程語言
網頁服務器
數據庫
數據緩存
文件緩存/代理
操作系統
數據結構
前端書籍推薦
★越少越簡單,越適合入門,★多的要么是難度比較高,要么是比較適合在后面看,比如講性能之類的書.
CSS
Eric Meyer 談 CSS（卷二）★★★
CSS權威指南 （第3版）★★
精通CSS★★★
JavaScript
JavaScript DOM編程藝術 （第2版）★
JavaScript高級程序設計（第3版）★★
鋒利的jQuery★★
高性能JavaScript★★★
JavaScript語言精粹★★★
JavaScript權威指南★★★
編寫可維護的JavaScript★★★
JAVASCRIPT語言精髓與編程實踐★★★
Effective Javascript★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript設計模式★★★★
基于MVC的JavaScript Web富應用開發★★★
性能實踐
Web性能實踐日志★★★
Web性能權威指南★★★
版本控制工具
版本控制之道 (git)★★
Pro Git★★★
Git權威指南★★★★
后端書籍推薦
Linux管理
Linux 系統管理技術手冊
鳥哥的 Linux 私房菜
Linux 101 Hacks
UNIX Shell Scripting
The Linux Command Line
Linux Network Administrator's Guide
Linux編程
Linux程序設計
Linux系統編程
Unix環境高級編程
Unix編程藝術
The Linux Programming Interface
程序員的自我修養
深入理解Linux內核
Unix網絡編程
TCP/IP高級編程
C/C++
Linux C編程一站式學習
C和指針
C陷阱與缺陷
C專家編程
C語言核心技術
徹底搞定C指針
征服C指針
C++編程思想
高質量程序設計指南---C/C++語言
Inside the C++ Object Model
A Tour of C++
The C++ Programming Language
The C++ Standard Library - A Tutorial and Reference
The C++ Standard (INCITS/ISO/IEC 14882-2011)
Overview of the New C++
總結
以上是生活随笔為你收集整理的【收集】前端技能知识图谱的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Git本地版本管理
- 下一篇： 前端必备知识点—SVG