前端工程师技能汇总
项目起源
还记得@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
- Emacs EmacsWiki
- 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
- 数据结构
★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.
- 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 系统编程
- Unix 环境高级编程
- Unix 编程艺术
- The Linux Programming Interface
- 程序员的自我修养
- 深入理解 Linux 内核
- Unix 网络编程
- TCP/IP 高级编程
- 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%