前端工程师

Just an initial demo map, so that you don't start with an empty map list ...

Jetzt loslegen. Gratis!
oder registrieren mit Ihrer E-Mail-Adresse
前端工程师 von Mind Map: 前端工程师

1. 开发工具

1.1. 版本管理

1.1.1. Git/SVN/Mercurial

1.1.2. Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge

1.1.3. Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge

1.2. 编辑器和IDE

1.2.1. VIM/Sublime Text2/Sublime Text3

1.2.2. Notepad++/EditPlus

1.2.3. WebStorm

1.2.4. Emacs EmacsWiki

1.2.5. Brackets

1.2.6. Komodo IDE / Edit

1.2.7. Eclipse

1.2.8. Visual Studio

1.2.9. NetBeans

1.2.10. Cloud9 IDE

1.3. 调试工具

1.3.1. Firebug/Firecookie

1.3.2. YSlow

1.3.3. IEDeveloperToolbar/IETester

1.3.4. Fiddler

1.3.5. Chrome Dev Tools

1.3.6. Dragonfly

1.3.7. DebugBar

1.3.8. Venkman

2. 部署流程

2.1. 压缩合并

2.1.1. YUI Compressor

2.1.2. Google Clousure Complier

2.1.3. UglifyJS

2.1.4. CleanCSS

2.1.5. Google Clousure Complier

2.2. 文档输出

2.2.1. JSDoc

2.2.2. Dox/Doxmate/Grunt-Doxmate

2.3. 项目构建工具

2.3.1. make/Ant

2.3.2. GYP

2.3.3. Grunt

2.3.4. Yeoman

2.3.5. FIS

2.3.6. Mod

3. 代码组织

3.1. 类库模块化

3.1.1. CommonJS/AMD

3.1.2. YUI3模块

3.2. 文件加载

3.2.1. LABjs

3.2.2. SeaJS/Require.js

3.3. 模块化预处理器

3.3.1. Browserify

3.4. 业务逻辑模块化

3.4.1. bower/component

4. 安全

4.1. CSRF/XSS

4.2. ADsafe/Caja/Sandbox

5. 计算机知识储备

5.1. 编译原理

5.2. 计算机网络

5.3. 操作系统

5.4. 算法原理

5.5. 软件工程/软件测试原理

6. 后端工程师

6.1. 编程语言

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

6.2. 网页服务器

6.2.1. Nginx

6.2.2. Apache

6.2.3. Lighttpd

6.3. 数据库

6.3.1. SQL

6.3.2. MySQL/PostgreSQL/Oracle

6.3.3. MongoDB/CouchDB

6.4. 数据缓存

6.4.1. Redis

6.4.2. Memcached

6.5. 文件缓存/代理

6.5.1. Varnish

6.5.2. Squid

6.6. 操作系统

6.6.1. Unix/Linux/OS X/Windows

6.7. 数据结构

7. 浏览器

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

7.2. FireFox(Gecko)

7.3. Chrome/Chromium (Blink)

7.4. Safari (WebKit)

7.5. Opera (Blink)

8. 编程语言

8.1. JavaScript/Node.js

8.2. CoffeeScript

8.3. TypeScript

9. 切页面

9.1. HTML/HTML5

9.2. CSS/CSS3

9.3. PhotoShop/Paint.net/Fireworks/GIMP

10. 代码质量

10.1. 代码风格

10.1.1. JSLint/JSHint/jscs

10.1.2. CSSLint

10.1.3. Markup Validation Service

10.2. 单元测试

10.2.1. QUnit/Jasmine

10.2.2. Mocha/Should/Chai/Expect

10.2.3. Unit JS

10.3. 自动化测试

10.3.1. WebDriver/Karma Runner/Sahi

10.3.2. phantomjs

10.4. 单元测试

11. 前端库/框架

11.1. jQuery/Underscore/Mootools/Prototype.js

11.2. YUI3/Dojo/ExtJS/KISSY

11.3. Backbone/KnockoutJS/Emberjs

11.4. AngularJS

11.5. Batarang

11.6. Bootstrap

11.7. Semantic UI

11.8. Juice UI

11.9. Web Atoms

12. 前端标准/规范

12.1. HTTP1.1

12.2. ECMAScript3/5

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

12.4. CommonJS Modules/AMD

12.5. HTML5/CSS3

13. 性能

13.1. JSPerf

13.2. YSlow 35 rules

13.3. PageSpeed

13.4. HTTPWatch

13.5. DynaTrace's Ajax

13.6. 高性能JavaScript

14. 编程知识储备

14.1. 数据结构

14.2. OOP/AOP

14.3. 原型链/作用域链

14.4. 闭包

14.5. 编程范型

14.6. 设计模式

14.7. Javascript Tips

15. 移动web

15.1. HTML5/CSS3

15.2. 响应式网页设计

15.3. Zeptojs/iScroll

15.4. V5/Sencha Touch

15.5. PhoneGap

15.6. jQuery Mobile

16. 前沿技术社区/会议

16.1. D2/WebRebuild

16.2. NodeParty/W3CTech/HTML5梦工厂

16.3. JSConf/沪JS(JSConf.cn)

16.4. QCon/Velocity/SDCC

16.5. JSConf/NodeConf

16.6. CSSConf

16.7. YDN/YUIConf

16.8. HybridApp

16.9. WHATWG

17. 软技能

17.1. 知识管理/总结分享

17.2. 沟通技巧/团队协作

17.3. 需求管理/PM

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

18. 可视化

18.1. SVG/Canvas/VML

18.2. SVG: D3/Raphaël/Snap.svg/DataV

18.3. Canvas: CreateJS/KineticJS

18.4. WebGL(http://zh.wikipedia.org/wiki/WebGL):[Three.JS](http://threejs.org/)