前端工程师技能进阶

这是一篇关于前端工程师技能进阶的思维导图，其内容主要包括编程储备知识，计算机知识储备，软技能，移动web，代码组织等

前端工程师技能进阶

编程知识储备

OOP/AOP

原型链/作用域链

javaScripts Tips

数据结构

闭包

设计范型

设计模式

计算机知识储备

软件工程/软件测试原理

Uniceode

编译原理

计算机网络

操作系统

算法原理

软技能

知识管理/总结分享

沟通技巧/团队协作

需求管理/PM

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

移动Web

HTML5/CSS3

Zeptojs/iScroll

V5/Sencha Touch

Phonegap

jQuery Mobile

W3C MobileOK checker

Open Mobile Alliance

响应式网页设计

代码组织

类库模块化

CommonJS/AMD

YUI3模块

业务逻辑模块化

bower/component

文件加载

LABjs

SeaJS/require.js

模块化预处理器

Browserify

可视化

SVG/Canvas/VML

SVG：D3/Raphael/Snap.svg/DataV

Canvas：CreateJS/KineticJS

WebGL/Three.js

安全

CSRF/XSS

CSP

Same-origin Policy

ADsafe/caja/Sandbox

性能

JSperf

YSlow 35 rules

Pagespeed

HTTPWatch

DynaTrace's Ajax

高性能JavaScript

部署流程

压缩合并

YUI comprossor

Google Clousure Complier

UglifyJS

CleanCSS

文档输出

JSDoc

Dox/Doxmate/Grunt-Doxmate

项目构建工具

make/Ant

GYP

Grunt

Gulp

Yeoman

FIS

Mod

代码质量

单元测试

QUnit/Jasmine

Mocha/Should/Expect

Unit JS

自动化测试

WebDriver/Protractor/karmaRunner/Sahi

phantomjs

SourceLabs/BrowserStack

Coding style

JSLint/JSHint/jscs

CSSLint

Mark validation Service

HTML Validators

浏览器

IE6/7/8/9/10/11（Trident）

Firefox（Gecko）

Chrome/Chromium（Blink）

Safari（WebKit）

Opera（Blink）

编程语言

JavaScipt/Node.js

Coffeescipt

TypeScript

切页面

HTML/HTML5

CSS/CSS3

Sass/LESS/Stylus

photoShop/Paint.net/Fireworks/GIMP/Sketch

开发工具

编程器和IDE

VIM/sublime Text2

Notepad++/EditPlus

WebStorm

Brackets

Atom

Lime Text

Light table

Codebox

TestMate

Komodo IDE/Edit

Eclipse

Visual Studio/VisualStudioCode

NetBeans

Cloud9 IDE

HBuilder

Nuclide

测试工具

Firebug

YSlow

IEDeveloperToolbar/IETester

Fidder

chrome Dev Tools

Dragonfly

DebugBar

Venkman

版本管理

GitHub/Gitlab/Bitbucket/Gitorious/GNU Savannah/Launchpad/sourceForge/TeamForge

git/SVNMercurial

前端标准/规范

HTTP/1.：RFCs 7230-7235

HTTP/2

ECMAScript6/7

CommonJS Modules/AMD

HTML5/CSS3

Semantic Web

MicroData

RDFa

Web Accessibility

Role Attribute

WCAG

WAI-ARIA

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

前端库/框架

Jquery/Underscore/Mootools/Prototype.js

YUI/Dojo/ExtJS/LKISSY

Backbone/KnockoutJS/Emberjs

Batarang AngularJS

Bootstrap

Web Atoms

polymer

Dhytmlx

qooxdoo

React

Brick