Frontend Knowledge Structure

时间 2019-11-13

标签 frontend knowledge structure 繁體版

原文原文链接

Frontend Knowledge Structure

项目起源

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

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

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

前端开发知识结构

前端工程师
- 浏览器
  - 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
- 前端库/框架
  - jQuery/Underscore/Mootools/Prototype.js
  - YUI3/Dojo/ExtJS/KISSY
  - Backbone/KnockoutJS/Emberjs
  - AngularJS
    - Batarang
  - Bootstrap
  - Semantic UI
  - Juice UI
  - Web Atoms
- 前端标准/规范
- 性能
- 编程知识储备
  - 数据结构
  - OOP/AOP
  - 原型链/做用域链
  - 闭包
  - 编程范型
  - 设计模式
  - Javascript Tips
- 部署流程
  - 压缩合并
  - 文档输出
    - JSDoc
    - Dox/Doxmate/Grunt-Doxmate
  - 项目构建工具
    - make/Ant
    - GYP
    - Grunt
    - 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
后端工程师
- 编程语言
  - 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

Eric Meyer 谈 CSS（卷二）★★★
CSS权威指南（第3版）★★
精通CSS★★★

JavaScript

版本控制工具

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

后端书籍推荐

Linux管理

Linux编程

C/C++

前端工做面试

前端工做面试问题

内容贡献者

除了感谢Jayli提供了知识结构图的本来来，还感谢如下的内容贡献者们，结果由git-summary生成于2014-01-03：html5

project  : fks
 repo age : 1 year, 3 months
 active   : 53 days
 commits  : 108
 files    : 4
 authors  : 
    56  Jackson Tian            51.9%
     9  吴晓兰               8.3%
     5  liyinkan                4.6%
     3  chriscai                2.8%
     3  fengxiaolong            2.8%
     3  XiNGRZ                  2.8%
     2  monkadd                 1.9%
     2  Johnny                  1.9%
     2  weiwenqing              1.9%
     2  Yinkan Li               1.9%
     2  Copypeng                1.9%
     2  左岸                  1.9%
     2  Jakukyo Friel           1.9%
     2  Glowin                  1.9%
     1  李亚川               0.9%
     1  Evan You                0.9%
     1  Mickey                  0.9%
     1  Mickey-                 0.9%
     1  Qi Junyuan              0.9%
     1  browsnet                0.9%
     1  doabit                  0.9%
     1  guoxiangyang            0.9%
     1  linkgod                 0.9%
     1  popomore                0.9%
     1  vipzhicheng             0.9%
     1  zhaqiang                0.9%
     1  Colin Luo               0.9%