前端项目起源的工具

觉得前端项目起源很有意思。不为别的，就是希望能在简书坚持下去，我喜欢深夜写代码，写文章，总觉得自己的文采不是很好，但是我也希望分享的我的故事，我的事业和以及爱情。
接下来直接上图：前端工程师需要掌握的知识，献丑了.......................

前端工程师工具.jpg
前端开发知识结构
前端工程师
浏览器
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
开发工具编辑器和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
调试工具
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
代码质量
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
前端标准/规范
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
编程知识储备
数据结构
OOP/AOP
[原型链]
(http://net.tutsplus.com/tutorials/javascript-ajax/prototypes-in-javascript-what-you-need-to-know/)/作用域链
[闭包]
(http://www.jibbering.com/faq/notes/closures/)
编程范型
[设计模式]
(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
项目构建工具[make]
(http://www.gnu.org/software/make/)/Ant
GYP
Grunt
Gulp
Yeoman
FIS
Mod
代码组织类库模块化CommonJS/AMD
YUI3模块
业务逻辑模块化bower/component
文件加载LABjs
SeaJS/Require.js
模块化预处理器
Browserify
安全CSRF/XSS
CSP
Same-origin policy
ADsafe/Caja/Sandbox
移动WebHTML5/CSS3
响应式网页设计
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
W3C Mobile Web Initiative
W3C mobileOK Checker
Open Mobile Alliance
前沿技术社区/会议[D2]
(http://d2forum.org/)/WebRebuild
NodeParty/W3CTech/HTML5梦工厂
JSConf/沪JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG
计算机知识储备编译原理
[计算机网络] (http://zh.wikipedia.org/wiki/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C)
操作系统
算法原理
软件工程/软件测试原理
Unicode
软技能知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
可视化SVG/Canvas/VML
SVG: D3/Raphaël/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL/Three.JS
后端工程师
编程语言
C/C++/Java/PHP/Ruby/Python/...
网页服务器
Nginx
Apache
Lighttpd
数据库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
数据缓存
Redis
Memcached
文件缓存/代理
Varnish
Squid
操作系统
Unix/Linux/OS X/Windows
数据结构
前端书籍推荐
★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.
CSS
Eric Meyer 谈 CSS（卷二）★★★
CSS权威指南 （第3版）★★
精通CSS★★★
JavaScript
JavaScript DOM编程艺术 （第2版）★
JavaScript高级程序设计（第3版）★★
锋利的jQuery★★
高性能JavaScript★★★
JavaScript语言精粹★★★
JavaScript权威指南★★★
编写可维护的JavaScript★★★
JAVASCRIPT语言精髓与编程实践★★★
[Effective Javascript](http://www.amazon.com/Effective-JavaScript-Specific-Software- Development/dp/0321812182)★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript设计模式★★★★
基于MVC的JavaScript Web富应用开发★★★
性能实践
[Web性能实践日志]
(http://book.douban.com/subject/25891125/)★★★
[Web性能权威指南]
(http://book.douban.com/subject/25856314/)★★★
版本控制工具
[版本控制之道 (git)]
(http://book.douban.com/subject/4813786/)★★
Pro Git★★★
[Git权威指南]
(http://book.douban.com/subject/6526452/)★★★★