首先，看一张前端知识结构图：  （原文： ）

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

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

前端开发知识结构

  • 前端project师

    • 浏览器

      • IE6///// (Trident)
      • (Gecko)
      • / (Blink)
      • (WebKit)
      • (Blink)
    • 编程语言

      • /
    • 切页面

      • /
      • ///
    • 开发工具

      • 编辑器和IDE

        • /
        • /
      • 调试工具

        • /
        • /
      • 版本号管理

        • //
        • //////
    • 代码质量

      • Coding style

        • //
      • 单元測试

        • /
        • ///
      • 自己主动化測试

        • //
    • 前端库/框架

      • ///
      • ///
      • //

    • 前端标准/规范

      • /
      • /
    • 性能

    • 编程知识储备

      • OOP/AOP
      • /作用域链
    • 部署流程

      • 压缩合并

      • 文档输出

        • //
      • 项目构建工具

        • /
    • 代码组织

      • 类库模块化

        • /AMD
      • 业务逻辑模块化

        • /
      • 文件载入

        • /
      • 模块化预处理器

    • 安全

      • /
      • ADsafe/Caja/Sandbox
    • 移动Web

      • HTML5/CSS3
      • /
      • V5/
    • 前沿技术社区/会议

      • /
      • NodeParty//
      • /
      • QCon/Velocity/SDCC
      • /
      • YDN/YUIConf
      • HybridApp
    • 计算机知识储备

      • 编译原理
      • 算法原理
      • 软件project/软件測试原理
    • 软技能

      • 知识管理/总结分享
      • 沟通技巧/团队协作
      • 需求管理/PM
      • 交互设计/可用性/可訪问性知识
    • 可视化

      • SVG/Canvas/VML
      • SVG: /

        //
      • Canvas: /

 

  • 后端project师

    • 编程语言

      • C/C++/Java/PHP/Ruby/Python/…
    • 网页server

    • 数据库

      • SQL
      • //
      • /
    • 数据缓存

    • 文件缓存/代理

    • 操作系统

      • Unix/Linux/OS X/Windows
    • 数据结构

前端书籍推荐

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

CSS

  • ★★★
  • ★★
  • ★★★

JavaScript

  • ★
  • ★★
  • ★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★
  • ★★★★
  • ★★★

版本号控制工具

  • ★★
  • ★★★★

后端书籍推荐

Linux管理

Linux编程

C/C++

前端工作面试

 

本文转自：