前端工程师技能汇总

项目起源

还记得@jayli 的这幅前端知识结构图么。

图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个 github 项目。我们可以通过协作的方式来共同维护这个项目。Git 的历史记录也可以见证前端行业的一些变迁。

尽管会变成文字的方式来维护这些内容，但是我承诺写一个小工具帮大家生成更好玩的图形（基于 DataV 项目）。

前端开发知识结构

• 前端工程师
• 浏览器
• IE6/ 7/ 8/ 9/ 10/ 11
• Firefox
• Chrome/ Safari/ Opera
• 编程语言
• JavaScript/ Node.js
• CoffeeScript
• TypeScript
• 切页面
• HTML/ HTML5
• CSS/CSS3
• PhotoShop/ Paint.net/ Fireworks
• 开发工具
• IDE
• VIM/ Sublime Text2
• Notepad++/ EditPlus
• WebStorm
• EmacsEmacsWiki
• Brackets
• 调试工具
• Firebug/ Firecookie
• YSlow
• IEDeveloperToolbar/ IETester
• Fiddler
• Chrome Dev Tools
• 版本管理
• Git/ SVN
• Github/ Bitbucket/ Google Code
• 代码质量
• Coding style
• JSLint/ JSHint
• CSSLint
• Markup Validation Service
• 单元测试
• QUnit/ Jasmine
• Mocha/ Should/ Chai/ Expect
• 自动化测试
• WebDriver/ Karma Runner/ Sahi
• phantomjs
• 前端库/框架
• jQuery/ Underscore/ Mootools/ Prototype.js
• YUI3/ Dojo/ ExtJS/ KISSY
• Backbone/ KnockoutJS/ Emberjs
• AngularJS
• Batarang
• Bootstrap
• Semantic UI
• 前端标准/规范
• HTTP1.1
• ECMAScript3/5
• W3C/DOM/BOM/XHTML/XML/JSON/JSONP
• CommonJS Modules/ AMD
• HTML5/ CSS3
• 性能
• JSPerf
• YSlow 35 rules
• PageSpeed
• HTTPWatch
• DynaTrace's Ajax
• 高性能 JavaScript
• 编程知识储备
• 数据结构
• OOP/AOP
• 原型链/作用域链
• 闭包
• 函数式编程
• 设计模式
• Javascript Tips
• 部署流程
• 压缩合并
• YUI Compressor
• Google Clousure Complier
• UglifyJS
• CleanCSS
• 文档输出
• JSDoc
• Dox/ Doxmate/ Grunt-Doxmate
• 项目构建工具
• make/ Ant
• GYP
• Grunt
• Yeoman
• FIS
• Mod
• 代码组织
• 类库模块化
• CommonJS/AMD
• YUI3 模块
• 业务逻辑模块化
• bower/ component
• 文件加载
• LABjs
• SeaJS/ Require.js
• 模块化预处理器
• Browserify
• 安全
• CSRF/ XSS
• ADsafe/Caja/Sandbox
• 移动 Web
• HTML5/CSS3
• 响应式设计
• Zeptojs/ iScroll
• V5/ Sencha Touch
• PhoneGap
• jQuery Mobile
• 前沿技术社区/会议
• D2/ WebRebuild
• NodeParty/ W3CTech/ HTML5 梦工厂
• JSConf/ 沪 JS (JSConf.cn)
• QCon/Velocity/SDCC
• JSConf/ NodeConf
• CSSConf
• YDN/YUIConf
• HybridApp
• 计算机知识储备
• 编译原理
• 计算机网络
• 操作系统
• 算法原理
• 软件工程/软件测试原理
• 软技能
• 知识管理/总结分享
• 沟通技巧/团队协作
• 需求管理/PM
• 交互设计/可用性/可访问性知识
• 可视化
• SVG/Canvas/VML
• SVG: D3/ Raphaël/ Snap.svg/ DataV
• Canvas: CreateJS/ KineticJS
• 后端工程师
• 编程语言
• C/C++/Java/PHP/Ruby/Python/...
• 服务器
• Nginx
• Apache
• 数据库
• SQL
• MySQL/PostgreSQL/Oracle
• MongoDB/ CouchDB
• 数据缓存
• Redis
• Memcached
• 文件缓存/代理
• Varnish
• Squid
• 操作系统
• Unix/Linux/OS X/Windows
• 数据结构

前端书籍推荐

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

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

版本控制工具

• 版本控制之道 (git)★★
• Git 权威指南★★★★

后端书籍推荐

Linux 管理

• Linux 系统管理技术手册
• 鸟哥的 Linux 私房菜
• Linux 101 Hacks
• UNIX Shell Scripting
• The Linux Command Line

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

内容贡献者

除了感谢 Jayli 提供了知识结构图的原本来，还感谢以下的内容贡献者们，结果由 git-summary生成于 2014-01-03：

project  : fks

repo age : 1 year, 3 months

active   : 53 days

commits  : 108

files    : 4

authors  :

56  Jackson Tian            51.9%

9  吴晓兰               8.3%

5  liyinkan                4.6%

3  chriscai                2.8%

3  fengxiaolong            2.8%

3  XiNGRZ                  2.8%

2  monkadd                 1.9%

2  Johnny                  1.9%

2  weiwenqing              1.9%

2  Yinkan Li               1.9%

2  Copypeng                1.9%

2  左岸                  1.9%

2  Jakukyo Friel           1.9%

2  Glowin                  1.9%

1  李亚川               0.9%

1  Evan You                0.9%

1  Mickey                  0.9%

1  Mickey-                 0.9%

1  Qi Junyuan              0.9%

1  browsnet                0.9%

1  doabit                  0.9%

1  guoxiangyang            0.9%

1  linkgod                 0.9%

1  popomore                0.9%

1  vipzhicheng             0.9%

1  zhaqiang                0.9%

1  Colin Luo               0.9%

本文链接