来源(Web开发者)

From: http://www.admin10000.com/document/4216.html

前端工程师必备技能汇总

来源:github 发布时间:2014-04-11 阅读次数:1068

提示:常上QQ空间的朋友可关注【WEB开发者】腾讯认证空间,精彩内容不错过。

项目起源

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



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

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

前端开发知识结构

前端工程师

* SVG/Canvas/VML

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

* Canvas: CreateJS/KineticJS

* 知识管理/总结分享

* 沟通技巧/团队协作

* 需求管理/PM

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

* 编译原理

* 计算机网络

* 操作系统

* 算法原理

* 软件工程/软件测试原理

* D2/WebRebuild

* NodeParty/W3CTech/HTML5梦工厂

* JSConf/沪JS(JSConf.cn)

* QCon/Velocity/SDCC

* JSConf/NodeConf

* CSSConf

* YDN/YUIConf

* HybridApp

* 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

* Batarang

* Coding style

* 单元测试

* 自动化测试

* JSLint/JSHint

* CSSLint

* Markup Validation Service

* QUnit/Jasmine

* Mocha/Should/Chai/Expect

* WebDriver/Karma Runner/Sahi

* phantomjs

* 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

* HTML/HTML5

* CSS/CSS3

* PhotoShop/Paint.net/Fireworks

* JavaScript/Node.js

* CoffeeScript

* TypeScript

* IE6/7/8/9/10/11

* Firefox

* Chrome/Safari/Opera

* 浏览器

* 编程语言

* 切页面

* 开发工具

* 代码质量

* 前端库/框架

* 前端标准/规范

* 性能

* 编程知识储备

* 部署流程

* 代码组织

* 安全

* 移动Web

* 前沿技术社区/会议

* 计算机知识储备

* 软技能

* 可视化

后端工程师

* Unix/Linux/OS X/Windows

* Varnish

* Squid

* Redis

* Memcached

* SQL

* MySQL/PostgreSQL/Oracle

* MongoDB/CouchDB

* Nginx

* Apache

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

版本控制工具

* 版本控制之道 (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

Link: http://www.asm32.net/article_details.aspx?id=6284