覺得前端項目起源很有意思猖腕。不為別的倘感，就是希望能在簡書堅持下去老玛，我喜歡深夜寫代碼蜡豹，寫文章，總覺得自己的文采不是很好豹休，但是我也希望分享的我的故事桨吊，我的事業(yè)和以及愛情视乐。
接下來直接上圖：前端工程師需要掌握的知識，獻(xiàn)丑了.......................
前端工程師工具.jpg
前端開發(fā)知識結(jié)構(gòu)
前端工程師
瀏覽器
IE6/
[7]
(http://www.microsoft.com/en-US/download/details.aspx?id=2)/8/9/10/11 (Trident)
Firefox (Gecko)
Chrome/Chromium (Blink)
Safari (WebKit)
Opera (Blink)
編程語言
JavaScript/Node.js
CoffeeScript
TypeScript
切頁面
HTML/HTML5
CSS/CSS3
Sass/LESS/Stylus
PhotoShop/Paint.net/Fireworks/GIMP/Sketch
開發(fā)工具編輯器和IDE[VIM]
(http://www.vim.org/)/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
HBuilder
調(diào)試工具
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Chrome Dev Tools
Dragonfly
DebugBar
Venkman
版本管理[Git]
(http://html5ify.com/fks/git-scm.com/)/SVN/Mercurial
Github/GitLab/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge
代碼質(zhì)量
Coding styleJSLint/JSHint/jscs
CSSLint
Markup Validation Service
HTML Validators
單元測試
QUnit/Jasmine
Mocha/Should/Chai/Expect
Unit JS
自動化測試
WebDriver/Protractor/Karma Runner/Sahi
phantomjs
SourceLabs/BrowserStack
前端庫/框架
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS/KISSY
Backbone/KnockoutJS/Emberjs
AngularJSBatarang
Bootstrap
Semantic UI
Juice UI
Web Atoms
Polymer
Dhtmlx
qooxdoo
React
Brick
Knockout
前端標(biāo)準(zhǔn)/規(guī)范
HTTP/1.1: RFCs 7230-7235
HTTP/2
ECMAScript3/5
W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
CommonJS Modules/AMD
HTML5/CSS3
Semantic WebMicroData
RDFa
Web AccessibilityWCAG
Role Attribute
WAI-ARIA
性能
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace's Ajax
[高性能JavaScript]
(http://book.douban.com/subject/5362856/)
SEO
編程知識儲備
數(shù)據(jù)結(jié)構(gòu)
OOP/AOP
[原型鏈]
(http://net.tutsplus.com/tutorials/javascript-ajax/prototypes-in-javascript-what-you-need-to-know/)/作用域鏈
[閉包]
(http://www.jibbering.com/faq/notes/closures/)
編程范型
[設(shè)計模式]
(http://addyosmani.com/resources/essentialjsdesignpatterns/book/)
[Javascript Tips]
(http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html)
部署流程壓縮合并
YUI Compressor
Google Clousure Complier
UglifyJS
CleanCSS
文檔輸出[JSDoc]
(https://github.com/jsdoc3/jsdoc)
Dox/Doxmate/Grunt-Doxmate
項目構(gòu)建工具[make]
(http://www.gnu.org/software/make/)/Ant
GYP
Grunt
Gulp
Yeoman
FIS
Mod
代碼組織類庫模塊化CommonJS/AMD
YUI3模塊
業(yè)務(wù)邏輯模塊化bower/component
文件加載LABjs
SeaJS/Require.js
模塊化預(yù)處理器
Browserify
安全CSRF/XSS
CSP
Same-origin policy
ADsafe/Caja/Sandbox
移動WebHTML5/CSS3
響應(yīng)式網(wǎng)頁設(shè)計
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
W3C Mobile Web Initiative
W3C mobileOK Checker
Open Mobile Alliance
前沿技術(shù)社區(qū)/會議[D2]
(http://d2forum.org/)/WebRebuild
NodeParty/W3CTech/HTML5夢工廠
JSConf/滬JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG
計算機知識儲備編譯原理
[計算機網(wǎng)絡(luò)] (http://zh.wikipedia.org/wiki/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C)
操作系統(tǒng)
算法原理
軟件工程/軟件測試原理
Unicode
軟技能知識管理/總結(jié)分享
溝通技巧/團隊協(xié)作
需求管理/PM
交互設(shè)計/可用性/可訪問性知識
可視化SVG/Canvas/VML
SVG: D3/Rapha?l/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL/Three.JS
后端工程師
編程語言
C/C++/Java/PHP/Ruby/Python/...
網(wǎng)頁服務(wù)器
Nginx
Apache
Lighttpd
數(shù)據(jù)庫SQL
MySQL/PostgreSQL/[Oracle] (http://www.oracle.com/us/products/database/overview/index.html)/[DB2](http://www- 01.ibm.com/software/data/db2)
MongoDB/CouchDB
數(shù)據(jù)緩存
Redis
Memcached
文件緩存/代理
Varnish
Squid
操作系統(tǒng)
Unix/Linux/OS X/Windows
數(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](http://www.amazon.com/Effective-JavaScript-Specific-Software- Development/dp/0321812182)★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript設(shè)計模式★★★★
基于MVC的JavaScript Web富應(yīng)用開發(fā)★★★
性能實踐
[Web性能實踐日志]
(http://book.douban.com/subject/25891125/)★★★
[Web性能權(quán)威指南]
(http://book.douban.com/subject/25856314/)★★★
版本控制工具
[版本控制之道 (git)]
(http://book.douban.com/subject/4813786/)★★
Pro Git★★★
[Git權(quán)威指南]
(http://book.douban.com/subject/6526452/)★★★★
