建站
咨詢
售后
建站咨詢
新聞中心
項目起源
還記得@jayli 的這幅前端知識結(jié)構(gòu)圖么。
專注于為中小企業(yè)提供網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)山丹免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
（點(diǎn)擊查看大圖）
圖片的形式具有諸多的不便。缺失源圖的我們，無法為此圖貢獻(xiàn)些什么，隨著時間的遷移，或許有些技術(shù)點(diǎn)會發(fā)生改變，所以有了這個github項目。我們可以通過協(xié)作的方式來共同維護(hù)這個項目。Git的歷史記錄也可以見證前端行業(yè)的一些變遷。
盡管會變成文字的方式來維護(hù)這些內(nèi)容，但是我承諾寫一個小工具幫大家生成更好玩的圖形（基于DataV項目）。
前端開發(fā)知識結(jié)構(gòu)
-
前端工程師
-
SVG/Canvas/VML
-
SVG: D3/Rapha?l/Snap.svg/DataV
-
Canvas: CreateJS/KineticJS
-
知識管理/總結(jié)分享
-
溝通技巧/團(tuán)隊協(xié)作
-
需求管理/PM
-
交互設(shè)計/可用性/可訪問性知識
-
編譯原理
-
計算機(jī)網(wǎng)絡(luò)
-
操作系統(tǒng)
-
算法原理
-
軟件工程/軟件測試原理
-
D2/WebRebuild
-
NodeParty/W3CTech/HTML5夢工廠
-
JSConf/滬JS(JSConf.cn)
-
QCon/Velocity/SDCC
-
JSConf/NodeConf
-
CSSConf
-
YDN/YUIConf
-
HybridApp
-
HTML5/CSS3
-
響應(yīng)式設(shè)計
-
Zeptojs/iScroll
-
V5/Sencha Touch
-
PhoneGap
-
jQuery Mobile
-
CSRF/XSS
-
ADsafe/Caja/Sandbox
-
類庫模塊化
-
業(yè)務(wù)邏輯模塊化
-
文件加載
-
模塊化預(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
-
Yeoman
-
FIS
-
Mod
-
數(shù)據(jù)結(jié)構(gòu)
-
OOP/AOP
-
原型鏈/作用域鏈
-
閉包
-
函數(shù)式編程
-
設(shè)計模式
-
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
-
HTML5/CSS3
-
jQuery/Underscore/Mootools/Prototype.js
-
YUI3/Dojo/ExtJS/KISSY
-
Backbone/KnockoutJS/Emberjs
-
AngularJS
-
Bootstrap
-
Semantic UI
-
Batarang
-
Coding style
-
單元測試
-
自動化測試
-
JSLint/JSHint
-
CSSLint
-
Markup Validation Service
-
QUnit/Jasmine
-
Mocha/Should/Chai/Expect
-
WebDriver/Karma Runner/Sahi
-
phantomjs
-
IDE
-
調(diào)試工具
-
版本管理
-
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
-
瀏覽器
-
編程語言
-
切頁面
-
開發(fā)工具
-
代碼質(zhì)量
-
前端庫/框架
-
前端標(biāo)準(zhǔn)/規(guī)范
-
性能
-
編程知識儲備
-
部署流程
-
代碼組織
-
安全
-
移動Web
-
前沿技術(shù)社區(qū)/會議
-
計算機(jī)知識儲備
-
軟技能
-
可視化
-
-
后端工程師
-
Unix/Linux/OS X/Windows
-
Varnish
-
Squid
-
Redis
-
Memcached
-
SQL
-
MySQL/PostgreSQL/Oracle
-
MongoDB/CouchDB
-
Nginx
-
Apache
-
C/C++/Java/PHP/Ruby/Python/...
-
編程語言
-
服務(wù)器
-
數(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)威指南
-
編寫可維護(hù)的JavaScript
-
JAVASCRIPT語言精髓與編程實踐
-
Effective Javascript
-
Secrets of the JavaScript Ninja
-
JavaScript模式
-
JavaScript設(shè)計模式
-
基于MVC的JavaScript Web富應(yīng)用開發(fā)
版本控制工具
-
版本控制之道 (git)
-
Git權(quán)威指南
后端書籍推薦
Linux管理
-
Linux 系統(tǒng)管理技術(shù)手冊
-
鳥哥的 Linux 私房菜
-
Linux 101 Hacks
-
UNIX Shell Scripting
-
The Linux Command Line
Linux編程
-
Linux程序設(shè)計
-
Linux系統(tǒng)編程
-
Unix環(huán)境高級編程
-
Unix編程藝術(shù)
-
The Linux Programming Interface
-
程序員的自我修養(yǎng)
-
深入理解Linux內(nèi)核
-
Unix網(wǎng)絡(luò)編程
-
TCP/IP高級編程
C/C++
-
Linux C編程一站式學(xué)習(xí)
-
C和指針
-
C陷阱與缺陷
-
C專家編程
-
C語言核心技術(shù)
-
徹底搞定C指針
-
征服C指針
-
C++編程思想
-
高質(zhì)量程序設(shè)計指南---C/C++語言
-
Inside the C++ Object Model
本文來源：https://github.com/JacksonTian/fks
標(biāo)題名稱：強(qiáng)烈推薦：前端工程師必備技能匯總
本文鏈接：http://www.dlmjj.cn/article/djssdee.html
