前端开发知识结构

前端开发知识结构

前端知识点
浏览器
IE6/7/8/9/10/11
(Trident)
Firefox (Gecko)
Chrome/Chromium (Blink)
Safari (WebKit)
Opera (Blink)

编程语言
JavaScript/Node.js
CoffeeScript
TypeScript

切页面
HTML/HTML5
CSS/CSS3
PhotoShop/Paint.net/Fireworks/GIMP

开发工具
编辑器和IDE
VIM/Sublime Text2
Notepad++/EditPlus
WebStorm
Emacs
EmacsWiki
Brackets
Komodo IDE / Edit
Eclipse
Visual Studio
NetBeans
Cloud9 IDE

调试工具
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Chrome Dev Tools
Dragonfly
DebugBar
Venkman

版本管理
Git/SVN/Mercurial
Github/Bitbucket/Google Code/Gitorious/GNU
Savannah/Launchpad/SourceForge

代码质量
Coding style
JSLint/JSHint/jscs
CSSLint
Markup Validation Service

单元测试
QUnit/Jasmine
Mocha/Should/Chai/Expect
Unit JS

自动化测试
WebDriver/Karma Runner/Sahi
phantomjs

前端库/框架
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS/KISSY
Backbone/KnockoutJS/Emberjs
AngularJS
Batarang

Bootstrap
Semantic UI
Juice UI
Web Atoms

前端标准/规范
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS Modules/AMD
HTML5/CSS3

性能
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace's Ajax
高性能JavaScript

编程知识储备
数据结构
OOP/AOP
原型链/作用域链
闭包
编程范型
设计模式
Javascript Tips

部署流程
压缩合并
YUI Compressor
Google Clousure Complier
UglifyJS
CleanCSS

文档输出
JSDoc
Dox/Doxmate/Grunt-Doxmate

项目构建工具
make/Ant
GYP
Grunt
Yeoman
FIS
Mod

代码组织
类库模块化
CommonJS/AMD
YUI3模块

业务逻辑模块化
bower/component

文件加载
LABjs
SeaJS/Require.js

模块化预处理器
Browserify

安全
CSRF/XSS
ADsafe/Caja/Sandbox

移动Web
HTML5/CSS3
响应式网页设计
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile

前沿技术社区/会议
D2/WebRebuild
NodeParty/W3CTech/HTML5梦工厂
JSConf/沪JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG

计算机知识储备
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理

软技能
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识

可视化
SVG/Canvas/VML
SVG: D3/Raphaël/Snap.svg/DataV
Canvas: CreateJS/KineticJS

前端书籍推荐

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

CSS

Eric Meyer 谈 CSS（卷二）★★★
CSS权威指南 （第3版）★★
精通CSS★★★

JavaScript

JavaScript DOM编程艺术 （第2版）★
JavaScript高级程序设计（第3版）★★
锋利的jQuery★★
高性能JavaScript★★★
JavaScript语言精粹★★★
JavaScript权威指南★★★
编写可维护的JavaScript★★★
JAVASCRIPT语言精髓与编程实践★★★
Effective Javascript★★★
Secrets of the JavaScript Ninja★★★
JavaScript模式★★★
JavaScript设计模式★★★★
基于MVC的JavaScript Web富应用开发★★★

版本控制工具

版本控制之道 (git)★★
Git权威指南★★★★