【收集】前端技能知识图谱
今天狂Github，發(fā)現(xiàn)一份不錯的前端知識圖譜與學習路線圖，特分享給大家，希望對前端感興趣的同志們有些幫助。
前端開發(fā)知識結(jié)構(gòu)
前端工程師
SVG/Canvas/VML
SVG: D3/Rapha?l/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL/Three.JS
知識管理/總結(jié)分享
溝通技巧/團隊協(xié)作
需求管理/PM
交互設(shè)計/可用性/可訪問性知識
編譯原理
計算機網(wǎng)絡
操作系統(tǒng)
算法原理
軟件工程/軟件測試原理
Unicode
D2/WebRebuild
NodeParty/W3CTech/HTML5夢工廠
JSConf/滬JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG
HTML5/CSS3
響應式網(wǎng)頁設(shè)計
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
類庫模塊化
業(yè)務邏輯模塊化
文件加載
模塊化預處理器
CommonJS/AMD
YUI3模塊
bower/component
LABjs
SeaJS/Require.js
Browserify
壓縮合并
文檔輸出
項目構(gòu)建工具
YUI Compressor
Google Clousure Complier
UglifyJS
CleanCSS
JSDoc
Dox/Doxmate/Grunt-Doxmate
make/Ant
GYP
Grunt
Gulp
Yeoman
FIS
Mod
數(shù)據(jù)結(jié)構(gòu)
OOP/AOP
原型鏈/作用域鏈
閉包
編程范型
設(shè)計模式
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
調(diào)試工具
版本管理
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)
瀏覽器
編程語言
切頁面
開發(fā)工具
代碼質(zhì)量
前端庫/框架
前端標準/規(guī)范
性能
SEO
編程知識儲備
部署流程
代碼組織
安全
移動Web
前沿技術(shù)社區(qū)/會議
計算機知識儲備
軟技能
可視化
后端工程師
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/...
編程語言
網(wǎng)頁服務器
數(shù)據(jù)庫
數(shù)據(jù)緩存
文件緩存/代理
操作系統(tǒng)
數(shù)據(jù)結(jié)構(gòu)
前端書籍推薦
★越少越簡單,越適合入門,★多的要么是難度比較高,要么是比較適合在后面看,比如講性能之類的書.
CSS
Eric Meyer 談 CSS（卷二）★★★
CSS權(quán)威指南 （第3版）★★
精通CSS★★★
JavaScript
JavaScript DOM編程藝術(shù) （第2版）★
JavaScript高級程序設(shè)計（第3版）★★
鋒利的jQuery★★
高性能JavaScript★★★
JavaScript語言精粹★★★
JavaScript權(quán)威指南★★★
編寫可維護的JavaScript★★★
JAVASCRIPT語言精髓與編程實踐★★★
Effective Javascript★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript設(shè)計模式★★★★
基于MVC的JavaScript Web富應用開發(fā)★★★
性能實踐
Web性能實踐日志★★★
Web性能權(quán)威指南★★★
版本控制工具
版本控制之道 (git)★★
Pro Git★★★
Git權(quán)威指南★★★★
后端書籍推薦
Linux管理
Linux 系統(tǒng)管理技術(shù)手冊
鳥哥的 Linux 私房菜
Linux 101 Hacks
UNIX Shell Scripting
The Linux Command Line
Linux Network Administrator's Guide
Linux編程
Linux程序設(shè)計
Linux系統(tǒng)編程
Unix環(huán)境高級編程
Unix編程藝術(shù)
The Linux Programming Interface
程序員的自我修養(yǎng)
深入理解Linux內(nèi)核
Unix網(wǎng)絡編程
TCP/IP高級編程
C/C++
Linux C編程一站式學習
C和指針
C陷阱與缺陷
C專家編程
C語言核心技術(shù)
徹底搞定C指針
征服C指針
C++編程思想
高質(zhì)量程序設(shè)計指南---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++
總結(jié)
以上是生活随笔為你收集整理的【收集】前端技能知识图谱的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Git本地版本管理
- 下一篇： 前端必备知识点—SVG