前端工程师知识结构

前端开发知识结构

前端工程师
浏览器
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
Sass/LESS/Stylus
PhotoShop/Paint.net/Fireworks/GIMP/Sketch

开发工具
编辑器和IDE
VIM/Sublime
Text2
Notepad++/EditPlus
WebStorm
EmacsEmacsWiki
Brackets
Atom
Lime Text
Light Table
Codebox
TextMate
Neovim
Komodo IDE / Edit
Eclipse
Visual Studio/Visual
Studio Code
NetBeans
Cloud9 IDE
HBuilder
Nuclide

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

版本管理
Git/SVN/Mercurial
Github/GitLab/Bitbucket/Gitorious/GNU
Savannah/Launchpad/SourceForge/TeamForge

代码质量
Coding style
JSLint/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
AngularJS
Batarang

Bootstrap
Semantic UI
Juice UI
Web Atoms
Polymer
Dhtmlx
qooxdoo
React
Brick

前端标准/规范
HTTP/1.1: RFCs 7230-7235
HTTP/2
ECMAScript3/5
W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
CommonJS Modules/AMD
HTML5/CSS3
Semantic Web
MicroData
RDFa

Web Accessibility
WCAG
Role Attribute
WAI-ARIA

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

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

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

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

项目构建工具
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

移动Web
HTML5/CSS3
响应式网页设计
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
W3C Mobile Web Initiative
W3C mobileOK Checker
Open Mobile Alliance

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

计算机知识储备
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
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/DB2
MongoDB/CouchDB

数据缓存
Redis
Memcached

文件缓存/代理
Varnish
Squid

操作系统
Unix/Linux/OS X/Windows

数据结构
可视化显示web前端工程师知识结构图:
http://html5ify.com/fks/fks_chart/