前端技能知识图谱

今天狂Github，发现一份不错的前端知识图谱与学习路线图，特分享给大家，希望对前端感兴趣的同志们有些帮助。

                     

前端开发知识结构

前端工程师

SVG/Canvas/VML

SVG: D3/Raphal/Snap.svg/DataV

Canvas: CreateJS/KineticJS

WebGL/Three.JS

知识管理/总结分享

沟通技巧/团队协作

需求管理/PM

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

编译原理

计算机网络

操作系统

算法原理

软件工程/软件测试原理

Unicode

D2/WebRebuild

NodeParty/W3CTech/HTML5梦工厂

JSConf/沪JS(JSConf.cn)

QCon/Velocity/SDCC

JSConf/NodeConf

CSSConf

YDN/YUIConf

HybridApp

WHATWG

HTML5/CSS3

响应式网页设计

Zeptojs/iScroll

V5/Sencha Touch

PhoneGap

jQuery Mobile

W3C Mobile Web Initiative

W3C mobileOK Checker

Open Mobile Alliance

CSRF/XSS

CSP

Same-origin policy

ADsafe/Caja/Sandbox

类库模块化

业务逻辑模块化

文件加载

模块化预处理器

CommonJS/AMD

YUI3模块

bower/component

LABjs

SeaJS/Require.js

Browserify

压缩合并

文档输出

项目构建工具

YUI Compressor

Google Clousure Complier

UglifyJS

CleanCSS

JSDoc

Dox/Doxmate/Grunt-Doxmate

make/Ant

GYP

Grunt

Gulp

Yeoman

FIS

Mod

数据结构

OOP/AOP

原型链/作用域链

闭包

编程范型

设计模式

Javascript Tips

JSPerf

YSlow 35 rules

PageSpeed

HTTPWatch

DynaTrace's Ajax

高性能JavaScript

HTTP/1.1: RFCs 7230-7235

HTTP/2

ECMAScript3/5

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

CommonJS Modules/AMD

HTML5/CSS3

Semantic Web

Web Accessibility

MicroData

RDFa

WCAG

Role Attribute

WAI-ARIA

jQuery/Underscore/Mootools/Prototype.js

YUI3/Dojo/ExtJS/KISSY

Backbone/KnockoutJS/Emberjs

AngularJS

Bootstrap

Semantic UI

Juice UI

Web Atoms

Polymer

Dhtmlx

qooxdoo

React

Brick

Knockout

Batarang

Coding style

单元测试

自动化测试

JSLint/JSHint/jscs

CSSLint

Markup Validation Service

HTML Validators

QUnit/Jasmine

Mocha/Should/Chai/Expect

Unit JS

WebDriver/Karma Runner/Sahi

phantomjs

编辑器和IDE

调试工具

版本管理

VIM/Sublime Text2

Notepad++/EditPlus

WebStorm

Emacs EmacsWiki

Brackets

Atom

Lime Text

Light Table

Codebox

TextMate

Neovim

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

HTML/HTML5

CSS/CSS3

PhotoShop/Paint.net/Fireworks/GIMP

JavaScript/Node.js

CoffeeScript

TypeScript

IE6/7/8/9/10/11 (Trident)

Firefox (Gecko)

Chrome/Chromium (Blink)

Safari (WebKit)

Opera (Blink)

浏览器

编程语言

切页面

开发工具

代码质量

前端库/框架

前端标准/规范

性能

SEO

编程知识储备

部署流程

代码组织

安全

移动Web

前沿技术社区/会议

计算机知识储备

软技能

可视化

后端工程师

Unix/Linux/OS X/Windows

Varnish

Squid

Redis

Memcached

SQL

MySQL/PostgreSQL/Oracle/DB2

MongoDB/CouchDB

Nginx

Apache

C/C++/Java/PHP/Ruby/Python/...

编程语言

网页服务器

数据库

数据缓存

文件缓存/代理

操作系统

数据结构

前端书籍推荐

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

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富应用开发★★★

性能实践

Web性能实践日志★★★

Web性能权威指南★★★

版本控制工具

版本控制之道 (git)★★

Pro Git★★★

Git权威指南★★★★

后端书籍推荐

Linux管理

Linux 系统管理技术手册

鸟哥的 Linux 私房菜

Linux 101 Hacks

UNIX Shell Scripting

The Linux Command Line

Linux Network Administrator's Guide

Linux编程

Linux程序设计

Linux系统编程

Unix环境高级编程

Unix编程艺术

The Linux Programming Interface

程序员的自我修养

深入理解Linux内核

Unix网络编程

TCP/IP高级编程

C/C++

Linux C编程一站式学习

C和指针

C陷阱与缺陷

C专家编程

C语言核心技术

彻底搞定C指针

征服C指针

C++编程思想

高质量程序设计指南---C/C++语言

Inside the C++ Object Model

A Tour of C++

The C++ Programming Language

The C++ Standard Library - A Tutorial and Reference

The C++ Standard (INCITS/ISO/IEC 14882-2011)

Overview of the New C++