强烈推荐：前端工程师必备技能汇总

项目起源

还记得@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

本文来源：https://github.com/JacksonTian/fks

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容