項目起源
還記得@jayli 的這幅前端知識結構圖麼。
圖片的形式具有諸多的不便。缺失源圖的我們，無法為此圖貢獻些什麼，隨著時間的遷移，或許有些技術點會發生改變，所以有了這個github項目。我們可以通過協作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。
儘管會變成文字的方式來維護這些內容，但是我承諾寫一個小工具幫大家生成更好玩的圖形（基於DataV項目）。
前端開發知識結構
●前端工程師
●SVG/Canvas/VML
●SVG: D3/Raphaël/Snap.svg/DataV
●Canvas: CreateJS/KineticJS
●知識管理/總結分享
●溝通技巧/團隊協作
●需求管理/PM
●互動設計/可用性/可訪問性知識
●編譯原理
●計算機網絡
●作業系統
●軟體工程/軟體測試原理
●D2/WebRebuild
●NodeParty/W3CTech/HTML5夢工廠
●JSConf/滬JS(JSConf.cn)
●QCon/Velocity/SDCC
●JSConf/NodeConf
●CSSConf
●YDN/YUIConf
●HybridApp
●HTML5/CSS3
●響應式設計
●Zeptojs/iScroll
●V5/Sencha Touch
●jQuery Mobile
●CSRF/XSS
●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
●FIS
●Mod
●數據結構
●OOP/AOP
●原型鏈/作用域鏈
●閉包
●函數式編程
●設計模式
●Javascript Tips
●JSPerf
●YSlow 35 rules
●PageSpeed
●HTTPWatch
●DynaTrace's Ajax
●高性能JavaScript
●HTTP1.1
●ECMAScript3/5
●W3C/DOM/BOM/XHTML/XML/
JSON/JSONP
●CommonJS Modules/AMD
●jQuery/Underscore/Mootools
/Prototype.js
●YUI3/Dojo/ExtJS/KISSY
●Backbone/KnockoutJS/Emberjs
●AngularJS
●Bootstrap
●Semantic UI
●Coding style
●單元測試
●自動化測試
●JSLint/JSHint
●CSSLint
●Markup Validation Service
●QUnit/Jasmine
●Mocha/Should/Chai/Expect
●phantomjs
●IDE
●調試工具
●版本管理
●VIM/Sublime Text2
●Notepad++/EditPlus
●WebStorm
●Emacs EmacsWiki
●Brackets
●Firebug/Firecookie
●YSlow
●IEDeveloperToolbar/IETester
●Fiddler
●Chrome Dev Tools
●Git/SVN
●Github/Bitbucket/Google Code
●HTML/HTML5
●CSS/CSS3
●PhotoShop/Paint.net/Fireworks
●JavaScript/Node.js
●CoffeeScript
●TypeScript
●IE6/7/8/9/10/11
●Firefox
●Chrome/Safari/Opera
●瀏覽器
●程式語言
●代碼質量
●前端庫/框架
●前端標準/規範
●性能
●編程知識儲備
●代碼組織
●安全
●移動Web
●前沿技術社區/會議
●計算機知識儲備
●軟技能
●可視化
●後端工程師
●Unix/Linux/OS X/Windows
●Varnish
●Squid
●Redis
●Memcached
●SQL
●MySQL/PostgreSQL/Oracle
●Nginx
●Apache
●C/C++/Java/PHP/Ruby/Python/...
●程式語言
●伺服器
●資料庫
●數據緩存
●文件緩存/代理
●作業系統
●數據結構
前端書籍推薦
★越少越簡單,越適合入門,★多的要麼是難度比較高,要麼是比較適合在後面看,比如講性能之類的書.
CSS
●Eric Meyer 談 CSS（卷二）★★★
●CSS權威指南 （第3版）★★
●精通CSS★★★
JavaScript
●JavaScript DOM編程藝術 （第2版）★
●JavaScript高級程序設計（第3版）★★
●鋒利的jQuery★★
●JavaScript語言精粹★★★
●JavaScript權威指南★★★
●編寫可維護的JavaScript★★★
●JAVASCRIPT語言精髓與編程實踐★★★
●Effective Javascript★★★
●Secrets of the JavaScript Ninja★★★
●JavaScript模式★★★
●JavaScript設計模式★★★★
●基於MVC的JavaScript Web富應用開發★★★
版本控制工具
●版本控制之道 (git)★★
●Git權威指南★★★★
後端書籍推薦
Linux管理
●鳥哥的 Linux 私房菜
●Linux 101 Hacks
●UNIX Shell Scripting
●The Linux Command Line
Linux編程
●Linux程序設計
●Linux系統編程
●Unix環境高級編程
●Unix編程藝術
●The Linux Programming Interface
●深入理解Linux內核
●Unix網絡編程
C/C++
●Linux 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++
來自：https://github.com/JacksonTian/fks
相關閱讀推薦（輸入前面的編號可以查看全文）
157 當設計師、產品經理和程序猿去交友網站找女朋友
143 找工作的一些感悟——前端小菜的成長
91 從登錄框看前端
20 設計師必看：一個熬夜不傷身的小秘訣
——————————————————
本文編號189，以後想閱讀這篇文章直接輸入189即可。
●輸入m可以獲取到全部文章目錄
●輸入r可以獲取到熱門文章推薦
—————————————————
小猿個人微信：itcodemonkey 歡迎調戲
推薦一個微信公眾號：IT電商網，長按下面的微信號可以進行複製
itdianshang
點擊「閱讀原文」可關注