map-FrontEndEngineer.md

前端工程师技能图谱

浏览器

  - 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
- Emacs EmacsWiki
- 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/Charles
- Chrome Dev Tools
- Dragonfly
- DebugBar
- Venkman

版本管理

- Git/SVN/Mercurial
- Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge

代码质量

Coding style

- Eslint/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
  - Vue.js

前端标准/规范

- HTTP/1.1: RFCs 7230-7235
- HTTP/2
- ECMAScript 5/6/7
- 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
- Webpack

代码组织

类库模块化

- CommonJS/AMD/ES6 Module
- YUI3模块

业务逻辑模块化

- bower/component

文件加载

- LABjs
- SeaJS/Require.js/Webpack

模块化预处理器

- Browserify

安全

  - CSRF/XSS
  - CSP
  - Same-origin policy
  - ADsafe/Caja/Sandbox

移动Web

  - HTML5/CSS3
  - 响应式网页设计
  - Zeptojs/iScroll
  - V5/Sencha Touch
  - PhoneGap (Cordova)
  - Ionic
  - jQuery Mobile
  - W3C Mobile Web Initiative
  - W3C mobileOK Checker
  - Open Mobile Alliance
  - React Native/Weex

前沿技术社区/会议

  - 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