Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/haozi/fks
前端技能汇总 Frontend Knowledge Structure
https://github.com/haozi/fks
Last synced: 13 days ago
JSON representation
前端技能汇总 Frontend Knowledge Structure
- Host: GitHub
- URL: https://github.com/haozi/fks
- Owner: haozi
- Fork: true (JacksonTian/fks)
- Created: 2013-07-09T05:15:53.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2013-05-31T02:25:06.000Z (over 11 years ago)
- Last Synced: 2024-10-13T21:02:17.340Z (30 days ago)
- Homepage: http://html5ify.com/fks/
- Size: 411 KB
- Stars: 20
- Watchers: 6
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Frontend Knowledge Structure
========
## 项目起源
还记得@jayli 的这幅前端知识结构图么。
图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个github项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。
尽管会变成文字的方式来维护这些内容，但是我承诺写一个小工具帮大家生成更好玩的图形（基于DataV项目）。
## 前端开发知识结构
- 前端工程师
- 浏览器
- IE6/[7](http://www.microsoft.com/zh-cn/download/details.aspx?id=2)/[8](http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8)/[9](http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-9/worldwide-languages)/[10](http://windows.microsoft.com/zh-cn/windows-8/internet-explorer)
- [Firefox](http://www.mozilla.org/en-US/)
- [Chrome](http://www.google.com/chrome)/[Safari](http://www.apple.com/safari/)/[Opera](http://www.opera.com/)
- 编程语言
- [JavaScript](https://developer.mozilla.org/en-US/docs/JavaScript)/[Node.js](http://nodejs.org/)
- 切页面
- [HTML](http://www.w3.org/html/)/HTML5
- [CSS](http://www.w3.org/Style/CSS/)/CSS3
- [PhotoShop](http://www.photoshop.com/products/photoshop)/[Paint.net](http://www.getpaint.net/)/[Fireworks](http://www.adobe.com/cn/products/fireworks.html)
- 开发工具
- IDE
- [VIM](http://www.vim.org/)/[Sublime Text2](http://www.sublimetext.com/)
- [Notepad++](http://notepad-plus-plus.org/)/[EditPlus](http://www.editplus.com/)
- [WebStorm](http://www.jetbrains.com/webstorm/)
- [Emacs](http://www.gnu.org/software/emacs/) [EmacsWiki](http://emacswiki.org)
- 调试工具
- [Firebug](http://getfirebug.com/)/[Firecookie](https://addons.mozilla.org/en-US/firefox/addon/firecookie/)
- [YSlow](http://developer.yahoo.com/yslow/)
- [IEDeveloperToolbar](http://www.microsoft.com/en-us/download/details.aspx?id=18359)/[IETester](http://www.my-debugbar.com/wiki/IETester/HomePage)
- [Fiddler](http://www.fiddler2.com/fiddler2/)
- [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
- 版本管理
- [Git](git-scm.com/)/[SVN](http://subversion.apache.org/)
- [Github](https://github.com/)/[Bitbucket](https://bitbucket.org/)/[Google Code](http://code.google.com/hosting/)
- 代码质量
- Coding style
- [JSLint](http://www.jslint.com/)/[JSHint](http://www.jshint.com/)
- [CSSLint](http://csslint.net/)
- [Markup Validation Service](http://validator.w3.org/)
- 单元测试
- [QUnit](http://qunitjs.com/)/[Jasmine](http://pivotal.github.com/jasmine/)
- [Mocha](http://visionmedia.github.com/mocha/)/[Should](https://github.com/visionmedia/should.js/)/[Chai](http://chaijs.com/)
- 自动化测试
- WebDriver
- 前端库/框架
- [jQuery](http://jquery.com/)/[Underscore](http://underscorejs.org/)/[Mootools](http://mootools.net/)/[Prototype.js](http://www.prototypejs.org/)
- [YUI3](http://yuilibrary.com/projects/yui3/)/[Dojo](http://dojotoolkit.org/)/[ExtJS](http://www.sencha.com/products/extjs)
- [Backbone](http://backbonejs.org/)/[KnockoutJS](http://knockoutjs.com/)/[Emberjs](http://emberjs.com/)
- [AngularJS](http://angularjs.org/)
- [Bootstrap](http://twitter.github.io/bootstrap/)
- 前端标准/规范
- [HTTP1.1](http://www.w3.org/Protocols/rfc2616/rfc2616.html)
- [ECMAScript3/5](http://www.ecma-international.org/publications/standards/Ecma-262.htm)
- [W3C/DOM/BOM/XHTML/XML/JSON/JSONP](http://www.w3.org/TR/)
- [CommonJS Modules](http://wiki.commonjs.org/wiki/Modules/1.0)/[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)
- [HTML5](http://www.w3.org/html/wg/drafts/html/master/)/[CSS3](http://www.w3.org/Style/CSS/specs.en.html)
- 性能
- [JSPerf](http://jsperf.com/)
- [YSlow 35 rules](http://developer.yahoo.com/performance/rules.html)
- [PageSpeed](https://developers.google.com/speed/pagespeed/)
- [HTTPWatch](http://www.httpwatch.com/)
- [DynaTrace's Ajax](http://www.compuware.com/application-performance-management/dynatrace-ajax-download.html)
- [高性能JavaScript](http://book.douban.com/subject/5362856/)
- 编程知识储备
- 数据结构
- OOP/AOP
- [原型链](http://net.tutsplus.com/tutorials/javascript-ajax/prototypes-in-javascript-what-you-need-to-know/)/作用域链
- [闭包](http://www.jibbering.com/faq/notes/closures/)
- 函数式编程
- [设计模式](http://addyosmani.com/resources/essentialjsdesignpatterns/book/)
- [Javascript Tips](http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html)
- 部署流程
- 压缩合并
- [YUI Compressor](http://developer.yahoo.com/yui/compressor/)
- [Google Clousure Complier](https://developers.google.com/closure/compiler/)
- [UglifyJS](https://github.com/mishoo/UglifyJS)
- [CleanCSS](https://github.com/GoalSmashers/clean-css)
- 文档输出
- [JSDoc](http://code.google.com/p/jsdoc-toolkit/)
- [Dox](https://github.com/visionmedia/dox)/[Doxmate](https://github.com/JacksonTian/doxmate)
- 项目构建工具
- [make](http://www.gnu.org/software/make/)/[Ant](http://ant.apache.org/)
- [GYP](http://code.google.com/p/gyp/)
- [Grunt](http://gruntjs.com/)
- [Yeoman](http://yeoman.io/)
- 代码组织
- 类库模块化
- [CommonJS](http://www.commonjs.org/)/AMD
- YUI3模块
- 业务逻辑模块化
- [bower](https://github.com/twitter/bower)/[component](https://github.com/component/component)
- 文件加载
- [LABjs](http://labjs.com/)
- [SeaJS](http://seajs.org/)/[Require.js](http://requirejs.org/)
- 模块化预处理器
- [Browserify](https://github.com/substack/node-browserify)
- 安全
- [CSRF](http://en.wikipedia.org/wiki/Cross-site_request_forgery)/[XSS](http://en.wikipedia.org/wiki/Cross-site_scripting)
- ADsafe/Caja/Sandbox
- 移动Web
- HTML5/CSS3
- 响应式设计
- [Zeptojs](http://zeptojs.com/)/[iScroll](http://cubiq.org/iscroll)
- V5/[Sencha Touch](http://www.sencha.com/products/touch)
- [PhoneGap](http://phonegap.com/)
- [jQuery Mobile](http://jquerymobile.com/)
- 前沿技术社区/会议
- [D2](http://d2forum.org)/[WebRebuild](http://www.webrebuild.org/)
- NodeParty/[W3CTech](http://w3ctech.com)/[HTML5梦工厂](http://www.html5dw.com)
- [JSConf](http://jsconf.com/)/[沪JS(JSConf.cn)](http://jsconf.cn)
- QCon/Velocity/SDCC
- [JSConf](http://jsconf.com/)/[NodeConf](http://www.nodeconf.com/)
- [CSSConf](http://cssconf.com/)
- YDN/YUIConf
- 计算机知识储备
- 编译原理
- 计算机网络
- 操作系统
- 算法原理
- 软件工程/软件测试原理
- 软技能
- 知识管理/总结分享
- 沟通技巧/团队协作
- 需求管理/PM
- 交互设计/可用性/可访问性知识
- 可视化
- SVG/Canvas/VML
- [D3](http://d3js.org/)/[Raphaël](http://raphaeljs.com/)/[DataV](http://datavlab.org/datavjs/)
- 后端工程师
- 编程语言
- C/C++/Java/PHP/Ruby/Python/...
- 服务器
- [Nginx](http://nginx.org/en/)
- [Apache](http://httpd.apache.org/)
- 数据库
- SQL
- MySQL/PostgreSQL/Oracle
- [MongoDB](http://www.mongodb.org/)/[CouchDB](http://couchdb.apache.org/)
- 数据缓存
- [Redis](http://redis.io/)
- [Memcached](http://memcached.org/)
- 文件缓存/代理
- [Varnish](https://www.varnish-cache.org/)
- [Squid](http://www.squid-cache.org/)
- 操作系统
- Unix/Linux/OS X/Windows
- 数据结构
## 前端书籍推荐
★越少越简单,越适合入门
### CSS
- [CSS权威指南 （第3版）](http://book.douban.com/subject/2308234/)★★
- [精通CSS](http://book.douban.com/subject/4736167/)★★★
### JavaScript
- [JavaScript DOM编程艺术 （第2版）](http://book.douban.com/subject/6038371/)★
- [JavaScript高级程序设计（第3版）](http://book.douban.com/subject/10546125/)★★
- [锋利的jQuery](http://book.douban.com/subject/10792216/)★★
- [高性能JavaScript](http://book.douban.com/subject/5362856/)★★★
- [JavaScript语言精粹](http://book.douban.com/subject/3590768/)★★★
- [JavaScript权威指南](http://book.douban.com/subject/10549733/)★★★
- [编写可维护的JavaScript](http://book.douban.com/subject/21792530/)★★★
- [JAVASCRIPT语言精髓与编程实践](http://book.douban.com/subject/3012828/)★★★
- [Effective Javascript](http://www.amazon.com/Effective-JavaScript-Specific-Software-Development/dp/0321812182)★★★
- [Secrets of the JavaScript Ninja](http://book.douban.com/subject/3176860/)★★★
- [JavaScript设计模式](http://book.douban.com/subject/3329540/)★★★★
## 后端书籍推荐
### Linux管理
- [Linux 系统管理技术手册](http://book.douban.com/subject/3042029/)
- [鸟哥的 Linux 私房菜](http://book.douban.com/subject/4889838/)
- [Linux 101 Hacks](http://www.thegeekstuff.com/linux-101-hacks-free-ebook-non-english/)
- [UNIX Shell Scripting](http://book.douban.com/subject/3519360/)
- [The Linux Command Line](http://book.douban.com/subject/6806862/)
### Linux编程
- [Linux程序设计](http://book.douban.com/subject/4831448/)
- [Linux系统编程](http://book.douban.com/subject/3907181/)
- [Unix环境高级编程](http://book.douban.com/subject/1788421/)
- [Unix编程艺术](http://book.douban.com/subject/1467587/)
- [The Linux Programming Interface](http://book.douban.com/subject/4292217/)
- [程序员的自我修养](http://book.douban.com/subject/3652388/)
- [深入理解Linux内核](http://book.douban.com/subject/2287506/)
- [Unix网络编程](http://book.douban.com/subject/1500149/)
- [TCP/IP高级编程](http://book.douban.com/subject/1088054/)
### C/C++
- [Linux C编程一站式学习](http://book.douban.com/subject/4141733/)
- [C和指针](http://book.douban.com/subject/3012360/)
- [C陷阱与缺陷](http://book.douban.com/subject/2778632/)
- [C专家编程](http://book.douban.com/subject/2377310/)
- [C语言核心技术](http://book.douban.com/subject/2226913/)
- [彻底搞定C指针](https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDEQFjAA&url=http%3A%2F%2Fblogimg.chinaunix.net%2Fblog%2Fupfile2%2F110210170023.pdf&ei=P95mUfrmNKKriALS04HAAw&usg=AFQjCNEzB88PnpfL0fRgJDkP3O9TlBPswA&sig2=isyd4ktsByNBMa5M9EPhRQ&bvm=bv.45107431,d.cGE&cad=rjt)
- [征服C指针](http://book.douban.com/subject/21317828/)
- [C++编程思想](http://book.douban.com/subject/1094797/)
- [高质量程序设计指南---C/C++语言](http://book.douban.com/subject/2116929/)
## 内容贡献者
除了感谢Jayli提供了知识结构图的原本来，还感谢以下的内容贡献者们，结果由`git-summary`生成于2013-04-17：
```
project : fks
repo age : 6 months
active : 23 days
commits : 46
files : 3
authors :
31 Jackson Tian 67.4%
3 fengxiaolong 6.5%
3 吴晓兰 6.5%
2 Johnny 4.3%
2 Yinkan Li 4.3%
1 李亚川 2.2%
1 XiNGRZ 2.2%
1 browsnet 2.2%
1 monkadd 2.2%
1 Evan You 2.2%
```