前端知识体系

###1. 布局框架：

Bootstrap: http://getbootstrap.com/

Foundation: http://foundation.zurb.com/

Uikit: http://www.getuikit.com/

Web Components:http://css-tricks.com/modular-future-web-components//

###2. 构建工具及包管理器：

Grunt: http://gruntjs.com/

Yeoman: http://yeoman.io/

Bower: http://bower.io/

NPM: https://www.npmjs.org/

###3. 代码优化：

Google Closure Compiler:

CSS Validator: http://jigsaw.w3.org/css-validator/

HTML Validator: http://validator.w3.org/

CSSLint: http://csslint.net/

CSSLint GitHub: https://github.com/ielgnaw/node-csshint/

CSSLint Rules:https://github.com/CSSLint/csslint/wiki/Rules/

CSSComb: http://csscomb.com//

CSSO: http://css.github.io/csso/csso.html/

CSSO GitHub: https://github.com/css/csso

JSHint: http://www.jshint.com/

JSHint Options: http://jshint.com/docs/options/

JSHint Options Fans: http://www.tuicool.com/articles/EJZBZj/

JSLint: http://www.jslint.com/

JSLint GitHub: https://github.com/douglascrockford/JSLint/

JSLint: http://www.jslint.com/lint.html/

JSLintErrors: http://jslinterrors.com/

HTMLHint: http://htmlhint.com/

HTMLHint Rules: https://github.com/yaniswang/HTMLHint/wiki/Rules/

###4. CSS预处理器

Less: http://lesscss.org/

Sass: http://sass-lang.com/

###5. 调试工具：

Chrome：https://developers.google.com/chrome-developer-tools/

Firebug: https://getfirebug.com/

HTTPWatch: http://www.httpwatch.com/

Fiddler: http://www.telerik.com/fiddler

IE Developer Toolbar:

Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

###6. 文档工具：

JSDoc: https://github.com/jsdoc3/jsdoc

Jekyll: http://jekyllrb.com/

###7. IDE/文本编辑器

WebStorm: http://www.jetbrains.com/webstorm/

###8. 移动端手势事件库：

GMU: http://gmu.baidu.com/

Hammer.js:< http://eightmedia.github.io/hammer.js/>

QuoJS: http://quojs.tapquo.com/

Zepto: http://zeptojs.com/

Swipe: http://swipejs.com/

jQuery Mobile: http://jquerymobile.com/

KendoUI:http://www.telerik.com/kendo-ui

Goratchet:http://goratchet.com/

###9. 思维导图

XMind:http://www.xmind.net/

###10.模块加载器：

ESL:< https://github.com/ecomfe/esl>

RequireJS: http://requirejs.org/

SeaJS:http://seajs.org/docs/

###11. 项目管理:

Github: https://github.com/

GitLab: https://about.gitlab.com/

Redmine: http://www.redmine.org/

###12. 原型设计:

Axure RP: http://www.axure.com/

###13. 富互联网应用框架

AngularJs: http://www.angularjs.org

Backbone: http://backbonejs.org/

AmpersandJShttp://ampersandjs.com//

Knockout: http://knockoutjs.com/

Underscore: http://underscorejs.org/

###14. 模板引擎

EJS: http://www.embeddedjs.com/

Handlebars: http://handlebarsjs.com/

Jade: http://jade-lang.com/

Velocity: http://velocity.apache.org/

###15. 测试框架

Jasmine: http://pivotal.github.io/jasmine/

QUnit: http://qunitjs.com/

mocha: http://visionmedia.github.io/mocha/

###16. 版本控制

Git: http://git-scm.com/

Subversion: http://subversion.apache.org/

Mercurial(Hg): http://mercurial.selenic.com/

###17. WEB框架/服务器

Node: http://nodejs.org/

Express: http://expressjs.com/

Apache: http://httpd.apache.org/

Nginx: http://nginx.org/

###18. CommonJS

Component: http://component.io/

###19. WEB安全

XSS(跨站脚本攻击):

CSRF(跨站点伪造请求攻击):

跨iframe攻击:

Clickjacking安全漏洞:

###20. 代码规范

CSSGuide: http://cssguidelin.es/

CSSGuide: https://github.com/webonise/Front-End/blob/master/CSS-Guidelines.md

HTMLGuide: http://www.thehtmlguide.com/

HTMLGuide: https://github.com/webonise/Front-End/blob/master/HTML-Guidelines.md

Code Guide: http://alloyteam.github.io/code-guide/

IdiomaticCSS: https://github.com/necolas/idiomatic-css/tree/master/translations/zh-CN

GitHubGuide: https://github.com/styleguide

编写可维护的CSS: http://segmentfault.com/a/1190000000388784/

GJS编码规范指南: http://alloyteam.github.io/JX/doc/specification/google-javascript.xml

jQueryJS规范: http://contribute.jquery.org/style-guide/js/

Amaze UI : http://amazeui.org/getting-started/html-css-guide

ZUI: http://easysoft.github.io/zui/

Alice: http://aliceui.org/docs/rule.html

163Nec: http://nec.netease.com/standard

CMD模块定义规范: http://segmentfault.com/blog/liangyi/1190000000761641

AMD模块定义规范: http://segmentfault.com/blog/liangyi/1190000000761330

ISOBarZh: http://coderlmn.github.io/code-standards/

ISOBarEn: http://isobar-idev.github.io/code-standards/

JsonGuide: https://github.com/darcyliu/google-styleguide/blob/master/JSONStyleGuide.md

CSS 创作指南: https://github.com/yisibl/css-creating

CSSGuide: https://github.com/ecomfe/spec/blob/master/css-style-guide.md

Node.JS Style Guide:https://github.com/felixge/node-style-guide/

Node.JS Guide:http://ourjs.com/detail/546c4b3fbc3f9b154e00004a/

Guide:https://github.com/ecomfe/spec/

JS Guide:http://www.cnblogs.com/hustskyking/p/javascript-spec.html/

Code Guide: https://github.com/Suxiaogang/Code_Guide

JS 最佳实践: http://www.iinterest.net/2014/08/19/javascript-best-practices/

###21. HTML模块化

html5boilerplate: http://html5boilerplate.com/

###22. CSS模块化

Normalize.css: http://necolas.github.io/normalize.css/

LESS:http://www.lesscss.net/

OOCSS:http://www.oocss.cc/ http://oocss.org/

OOCSS: http://www.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/

CSSReset:http://www.cssreset.com/

###23. HTML5 Canvas

D3:http://d3js.org/

KINETIC:http://kineticjs.com/

P5:http://p5js.org/

###24.免费的编程中文书籍索引

免费的编程中文书籍索引 https://github.com/justjavac/free-programming-books-zh_CN

Published by wkylin 20 May 2014