Frontend Knowledge Structure

项目起源

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

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

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

前端开发知识结构

前端工程师
- 浏览器
  - IE6/7/8/9/10/11 (Trident)
  - Firefox (Gecko)
  - Chrome/Chromium (Blink)
  - Safari (WebKit)
  - Opera (Blink)
- 编程语言
- 切页面
- 开发工具
  - 编辑器和IDE
    - VIM/Sublime Text2
    - Notepad++/EditPlus
    - WebStorm
    - Emacs EmacsWiki
    - Brackets
    - Komodo IDE / Edit
    - Eclipse
    - Visual Studio
    - NetBeans
    - Cloud9 IDE
  - 调试工具
  - 版本管理
    - Git/SVN/Mercurial
    - Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge
- 代码质量
  - Coding style
  - 单元测试
    - QUnit/Jasmine
    - Mocha/Should/Chai/Expect
    - Unit JS
  - 自动化测试
    - WebDriver/Karma Runner/Sahi
    - phantomjs
- 前端库/框架
- 前端标准/规范
- 性能
- 编程知识储备
  - 数据结构
  - OOP/AOP
  - 原型链/作用域链
  - 闭包
  - 编程范型
  - 设计模式
  - Javascript Tips
- 部署流程
  - 压缩合并
  - 文档输出
    - JSDoc
    - Dox/Doxmate/Grunt-Doxmate
  - 项目构建工具
    - make/Ant
    - GYP
    - Grunt
    - Gulp
    - 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
  - WHATWG
- 计算机知识储备
  - 编译原理
  - 计算机网络
  - 操作系统
  - 算法原理
  - 软件工程/软件测试原理
- 软技能
  - 知识管理/总结分享
  - 沟通技巧/团队协作
  - 需求管理/PM
  - 交互设计/可用性/可访问性知识
- 可视化
  - SVG/Canvas/VML
  - SVG: D3/Raphaël/Snap.svg/DataV
  - Canvas: CreateJS/KineticJS
  - WebGL(http://zh.wikipedia.org/wiki/WebGL):[Three.JS](http://threejs.org/)
后端工程师
- 编程语言
  - C/C++/Java/PHP/Ruby/Python/...
- 网页服务器
  - Nginx
  - Apache
  - Lighttpd
- 数据库
  - SQL
  - MySQL/PostgreSQL/Oracle
  - MongoDB/CouchDB
- 数据缓存
  - Redis
  - Memcached
- 文件缓存/代理
  - Varnish
  - Squid
- 操作系统
  - Unix/Linux/OS X/Windows
- 数据结构

前端书籍推荐

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

CSS

JavaScript

性能实践

Web性能实践日志★★★
Web性能权威指南★★★

版本控制工具

版本控制之道 (git)★★
Git权威指南★★★★

后端书籍推荐

Linux管理

Linux编程

C/C++

前端工作面试

前端工作面试问题

前端技能汇总 Frontend Knowledge Structure的更多相关文章

[转载]Frontend Knowledge Structure
https://github.com/JacksonTian/fks http://code.csdn.net/news/2819224 本文为大家整理了一系列关于JavaScript的常用工具,包括 ...
GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）
在GitHub上收集的最全的前端资源汇总(包括前端学习.前端开发资源.前端求职面试等) 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好 ...
国内HTML5前端开发框架汇总
国内HTML5前端开发框架汇总 Dawei Cheng 程大伟... 于星期日, 02/12/2012 - 20:53 提交国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详:JQuery ...
Web前端技能
入门必备的技能: 第1项技能:HTML超文本标记语言: 技能要点: HTML文件的结构 HTML文件的编写方法 HTML基本标记文字与段落标记框架使用表单 ...
当下较热web前端技术汇总
Web前段技术发展很快,主流技术日新月异,想想自己刚毕业那会用的asp技术,现在已经很少有主流网站在使用了.再到后来的J2EE框架,然后SpringMVC大行其道,但是最近各种js框架被广为传播,Ht ...
全端project师必备技能汇总
首先,看一张前端知识结构图: (原文: ithomer) 图片的形式具有诸多的不便.缺失源图的我们.无法为此图贡献些什么,随着时间的迁移,也许有些技术点会发生改变.所以有了这个GitHub项目.我们 ...
Web前端资源汇总
本文地址:http://www.cnblogs.com/jihua/p/webfront.html 网页特效库 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例" ...
Python开发【前端】:汇总
页面模板 1.EasyUI(推荐指数★) JQuery EasyUI中文网下载使用方法:把文件下载到本地.直接从官网上把源码拷贝过来,更改下js的路径即可优点:功能非常多.非常齐全偏做后台管理 ...
Web前端框架汇总
在做web开发的时候难免遇到一个问题,那就是,选择什么样的框架.下面把前端的框架简单的列一下. 1.flex Apache基金会今天发布了Flex 4.8版本,这是Adobe将Flex捐献给Apach ...

随机推荐

防止SQL注入和XSS攻击Filter
nbsp;今天系统使用IBM的安全漏洞扫描工具扫描出一堆漏洞,下面的filter主要是解决防止SQL注入和XSS攻击一个是Filter负责将请求的request包装一下. 一个是request包装器 ...
js获取项目根路径
//js获取项目根路径,如: http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址,如: http://localhost ...
eclipse中启动tomcat报错 java.lang.ClassNotFoundException
之前启动还好好的,某次启动tomcat就莫名其妙的报了这个java.lang.ClassNotFoundException的错. 检查maven依赖包,发现这个类是存在的. 然后一通clean操作 ...
Android Socket 聊天室示例
服务端: package com.test.chatServer; import java.io.IOException; import java.net.ServerSocket; import j ...
一些数论概念与算法——从SGU261谈起
话说好久没来博客上面写过东西了,之前集训过于辛苦了,但有很大的收获,我觉得有必要把它们拿出来总结分享.之前一直是个数论渣(小学初中没好好念过竞赛的缘故吧),经过一道题目对一些基础算法有了比较深刻的理解 ...
【笨嘴拙舌WINDOWS】消息机制
如果将WINDOWS比做一个人,那么他就是为你提供各种服务的巫师,他手上有各式各样,奇形怪状的奇葩物品.他脑子充满了智慧,能够为你解决你所不能解决的疑难杂症.但是他不认识你! 你从小立志要想考状元,去 ...
UVa 1607 (二分) Gates
这道题真的有点“神”啊.=￣ω￣= 因为输入都是x,所以整个电路的功能一共就四种:0, 1, x,!x 所以就确定了这样一个事实:如果电路的输出是常数,那么所有的输入都可以优化成常数. 否则,只需要将 ...
51nod1120 机器人走方格 V3
跟括号序列是一样的,将向右走看成是左括号向左走看成是右括号就可以了.那么就是卡特兰数了.然后由于n和m太大所以用了lucas定理 //跟括号序列是一样的,将向右走看成是左括号向左走看成是右括号就可以了 ...
【英语】Bingo口语笔记（20） - i长短音
短音有个ei的音,多练习下长音是咦拉长
搭建 MPICH3 并行计算环境
先记录在单机MacBook上的搭建,实验室集群的搭建流程是一样的,不过每台机器都需要做一次. MacBook: 1.安装mpich3: $ ./configure --prefix=/Users/xi ...

前端技能汇总 Frontend Knowledge Structure