前端开发知识结构
2015-04-07 17:20
441 查看
图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。
尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目)。
前端开发知识结构
前端工程师
SVG/Canvas/VML
SVG: D3/Raphaël/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL(http://zh.wikipedia.org/wiki/WebGL):Three.JS
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
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
CSRF/XSS
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
Yeoman
FIS
Mod
数据结构
OOP/AOP
原型链/作用域链
闭包
编程范型
设计模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace's Ajax
高性能JavaScript
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS Modules/AMD
HTML5/CSS3
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS/KISSY
Backbone/KnockoutJS/Emberjs
AngularJS
Bootstrap
Semantic UI
Juice UI
Web Atoms
Batarang
Coding style
单元测试
自动化测试
JSLint/JSHint/jscs
CSSLint
Markup Validation Service
QUnit/Jasmine
Mocha/Should/Chai/Expect
Unit JS
WebDriver/Karma Runner/Sahi
phantomjs
编辑器和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
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)
浏览器
编程语言
切页面
开发工具
代码质量
前端库/框架
前端标准/规范
性能
编程知识储备
部署流程
代码组织
安全
移动Web
前沿技术社区/会议
计算机知识储备
软技能
可视化
后端工程师
Unix/Linux/OS X/Windows
Varnish
Squid
Redis
Memcached
SQL
MySQL/PostgreSQL/Oracle
MongoDB/CouchDB
Nginx
Apache
Lighttpd
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)★★
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++
前端工作面试
前端工作面试问题
尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于DataV项目)。
前端开发知识结构
前端工程师
SVG/Canvas/VML
SVG: D3/Raphaël/Snap.svg/DataV
Canvas: CreateJS/KineticJS
WebGL(http://zh.wikipedia.org/wiki/WebGL):Three.JS
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
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
CSRF/XSS
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
Yeoman
FIS
Mod
数据结构
OOP/AOP
原型链/作用域链
闭包
编程范型
设计模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace's Ajax
高性能JavaScript
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS Modules/AMD
HTML5/CSS3
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS/KISSY
Backbone/KnockoutJS/Emberjs
AngularJS
Bootstrap
Semantic UI
Juice UI
Web Atoms
Batarang
Coding style
单元测试
自动化测试
JSLint/JSHint/jscs
CSSLint
Markup Validation Service
QUnit/Jasmine
Mocha/Should/Chai/Expect
Unit JS
WebDriver/Karma Runner/Sahi
phantomjs
编辑器和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
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)
浏览器
编程语言
切页面
开发工具
代码质量
前端库/框架
前端标准/规范
性能
编程知识储备
部署流程
代码组织
安全
移动Web
前沿技术社区/会议
计算机知识储备
软技能
可视化
后端工程师
Unix/Linux/OS X/Windows
Varnish
Squid
Redis
Memcached
SQL
MySQL/PostgreSQL/Oracle
MongoDB/CouchDB
Nginx
Apache
Lighttpd
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)★★
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++
前端工作面试
前端工作面试问题