前端开发知识结构

前端开发知识结构

前端工程师

浏览器

IE6/7/8/9

Firefox

Chrome/Safari/Opera

编程语言

JavaScript/Node.js

JavaScript语言精粹

切页面

HTML

CSS

PhotoShop/Paint.net

开发工具

IDE

VIM/Sublime Text2

Notepad++/EditPlus

调试工具

Firebug

YSlow

IEDeveloperToolbar/IETester

Fiddler

版本管理

Git/SVN

Github/Bitbucket/Google Code

代码质量

Coding style

JSLint/JSHint

CSSLint

Markup Validation Service

单元测试

QUnit/Jasmine

Mocha/Should/Chai

自动化测试

WebDriver

前端库/框架

jQuery/Underscore/Mootools/Prototype.js

YUI3/Dojo/ExtJS

Backbone/KnockoutJS

前端标准/规范

HTTP1.1

ECMAScript3/5

W3C/DOM/BOM/XHTML/XML/JSON/JSONP

CommonJS/AMD

HTML5/CSS3

性能

JSPerf

YSlow 35 rules

PageSpeed

HTTPWatch

DynaTrace's Ajax

高性能JavaScript

编程知识储备

数据结构

OOP/AOP

原型链/作用域链

函数式编程

设计模式

部署流程

压缩合并

YUI Compressor

Google Clousure Complier

CleanCSS/UglifyJS

文档输出

JSDoc

Dox/Doxmate

项目构建工具

make/Ant

GYP

代码组织

类库模块化

CommonJS/AMD

YUI3模块

业务逻辑模块化

文件加载

LABjs

SeaJS/Require.js

安全

CSRF/XSS

ADsafe/Caja/Sandbox

移动Web

HTML5/CSS3

响应式设计

Zeptojs/iScroll

V5/Sencha Touch

PhoneGap

JavaScript生态

MongoDB/CouchDB

前沿技术社区/会议

D2/WebRebuild

NodeParty/W3CTech/HTML5梦工厂

JSConf/沪JS(JSConf.cn)

QCon/Velocity/SDCC

JSConf/NodeConf

YDN/YUIConf

计算机知识储备

编译原理

计算机网络

操作系统

算法原理

软件工程/软件测试原理

软技能

知识管理/总结分享

沟通技巧/团队协作

需求管理/PM

交互设计/可用性/可访问性知识

可视化

SVG/Canvas/VML

D3/Raphaël/DataV

来源：http://html5ify.com/fks/