fks README

The project's README from github.com/JacksonTian/fks. As one markdown file: README.md.

Frontend Knowledge Structure

项目起源

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

前端知识结构

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

可视化效果

前端开发知识结构

前端书籍推荐

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

CSS

JavaScript

性能实践

版本控制工具

后端书籍推荐

Linux管理

Linux编程

C/C++

前端工作面试

内容贡献者

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


 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%

fks (JacksonTian/fks)

Searching Database…

17.9K ·GitHub
Fks
这是什么？一个由社区维护的地图，梳理前端工程师所需的知识——浏览器、编程语言、工具、框架、标准、性能、安全——此外还带有按星级推荐的书单。它源自 @jayli 著名的前端知识结构图。
这是可以安装的工具或库，还是更像一份参考文档？都不是——它是一份参考文档：一个按主题树状组织的 markdown README。没有任何需要安装或运行的东西，而且 Git 历史本身也记录了前端领域这些年的变迁。
里面的内容是怎么组织的？实际能看到些什么？顶层是一棵前端工程师知识树——浏览器、JavaScript/TypeScript、HTML/CSS、编辑器、调试工具、版本控制、测试、框架、标准、性能、安全、移动 Web——此外还有一棵后端知识树、推荐书单和面试相关链接。
内容有多新？它成形于 2012 年——贡献者列表是 2014 年 1 月生成的——所以看到的是那个年代的生态：IE6-11、CoffeeScript、Grunt/Yeoman、AngularJS。把它当作一份结构化的概览就好，当前的工具选型请到别处核实。
它是面向初学者还是在职工程师？两者都适合。知识树从基础一直延伸到偏门主题，书单还标了星级：星越少说明越简单、越适合入门，星越多说明越难或适合以后再看——比如性能类的书。
作者为什么把一张图变成 GitHub 仓库？@jayli 的原始图片用起来不方便：没有源文件，谁都没法贡献，而技术又会随时间变化。放在 GitHub 上做成项目，大家可以协作维护，Git 历史也见证了前端行业的演进。
它包含哪些书单？前端方面：CSS、JavaScript、性能和版本控制相关的书，每本都标了难度星级。后端方面：Linux 运维、Linux 编程以及 C/C++ 的阅读清单。
它对准备前端面试有帮助吗？有——专门有一个前端求职面试板块，链接到多份前端面试题合集，其中还包括中文的。
有没有可视化的结构版本？有——README 在文字版知识树旁边链接了一张知识结构图，延续了项目最初基于的那张 @jayli 原图。
What are similar projects?fe-interview, web-interview, Become-A-Full-Stack-Web-Developer, react-redux-links, awesome-angular, markyun, CS-Interview-Knowledge-Map, Project-Ideas-And-Resources
Which topics is it in?roadmap, books, interview, visualization, git, vue, beginner-friendly, testing, css, learning-resources, html, awesome-list
Creator
JacksonTian
Size
1.7 MB
Stars
17.9K
Updated
CommitDec 08
Age
14y
Commits · 90 Days