Web前端知識技能大匯總

2015-09-17 10:48:17

還記得@jayli 的這幅前端知識結構圖么。

項目起源

　　圖片的形式具有諸多的不便。缺失源圖的我們，無法為此圖貢獻些什么，隨著時間的遷移，或許有些技術點會發(fā)生改變，所以有了這個GitHub項目。我們可以通過協(xié)作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業(yè)的一些變遷。

　　可視化效果

　前端開發(fā)知識結構

前端工程師
- 瀏覽器
  - IE6/7/8/9/10/11 (Trident)
  - Firefox (Gecko)
  - Chrome/Chromium (Blink)
  - Safari (WebKit)
  - Opera (Blink)
- 編程語言
- 切頁面
  - HTML/HTML5
  - CSS/CSS3
  - Sass/LESS/Stylus
  - PhotoShop/Paint.net/Fireworks/GIMP/Sketch
- 開發(fā)工具
  - 編輯器和IDE
    - VIM/Sublime Text2
    - Notepad++/EditPlus
    - WebStorm
    - Emacs EmacsWiki
    - Brackets
    - Atom
    - Lime Text
    - Light Table
    - Codebox
    - TextMate
    - Neovim
    - Komodo IDE / Edit
    - Eclipse
    - Visual Studio/Visual Studio Code
    - NetBeans
    - Cloud9 IDE
    - HBuilder
    - Nuclide
  - 調試工具
  - 版本管理
    - Git/SVN/Mercurial
    - Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge
- 代碼質量
  - Coding style
  - 單元測試
    - QUnit/Jasmine
    - Mocha/Should/Chai/Expect
    - Unit JS
  - 自動化測試
- 前端庫/框架
  - jQuery/Underscore/Mootools/Prototype.js
  - YUI3/Dojo/ExtJS/KISSY
  - Backbone/KnockoutJS/Emberjs
  - AngularJS
    - Batarang
  - Bootstrap
  - Semantic UI
  - Juice UI
  - Web Atoms
  - Polymer
  - Dhtmlx
  - qooxdoo
  - React
  - Brick
- 前端標準/規(guī)范
  - HTTP/1.1: RFCs 7230-7235
  - HTTP/2
  - ECMAScript3/5
  - W3C: DOM/BOM/XHTML/XML/JSON/JSONP/…
  - CommonJS Modules/AMD
  - HTML5/CSS3
  - Semantic Web
    - MicroData
    - RDFa
  - Web Accessibility
- 性能
- SEO
- 編程知識儲備
  - 數(shù)據(jù)結構
  - OOP/AOP
  - 原型鏈/作用域鏈
  - 閉包
  - 編程范型
  - 設計模式
  - Javascript Tips
- 部署流程
  - 壓縮合并
  - 文檔輸出
    - JSDoc
    - Dox/Doxmate/Grunt-Doxmate
  - 項目構建工具
    - make/Ant
    - GYP
    - Grunt
    - Gulp
    - Yeoman
    - FIS
    - Mod
- 代碼組織
  - 類庫模塊化
    - CommonJS/AMD
    - YUI3模塊
  - 業(yè)務邏輯模塊化
    - bower/component
  - 文件加載
    - LABjs
    - SeaJS/Require.js
  - 模塊化預處理器
    - Browserify
- 安全
  - CSRF/XSS
  - CSP
  - Same-origin policy
  - ADsafe/Caja/Sandbox
- 移動Web
  - HTML5/CSS3
  - 響應式網(wǎng)頁設計
  - Zeptojs/iScroll
  - V5/Sencha Touch
  - PhoneGap
  - jQuery Mobile
  - W3C Mobile Web Initiative
  - W3C mobileOK Checker
  - Open Mobile Alliance
- 前沿技術社區(qū)/會議
  - D2/WebRebuild
  - NodeParty/W3CTech/HTML5夢工廠
  - JSConf/滬JS(JSConf.cn)
  - QCon/Velocity/SDCC
  - JSConf/NodeConf
  - CSSConf
  - YDN/YUIConf
  - HybridApp
  - WHATWG
  - MDN
  - codepen
  - w3cplus
  - CNode
- 計算機知識儲備
  - 編譯原理
  - 計算機網(wǎng)絡
  - 操作系統(tǒng)
  - 算法原理
  - 軟件工程/軟件測試原理
  - Unicode
- 軟技能
  - 知識管理/總結分享
  - 溝通技巧/團隊協(xié)作
  - 需求管理/PM
  - 交互設計/可用性/可訪問性知識
- 可視化
  - SVG/Canvas/VML
  - SVG: D3/Raphaël/Snap.svg/DataV
  - Canvas: CreateJS/KineticJS
  - WebGL/Three.JS
后端工程師
- 編程語言
  - C/C++/Java/PHP/Ruby/Python/…
- 網(wǎng)頁服務器
  - Nginx
  - Apache
  - Lighttpd
- 數(shù)據(jù)庫
  - SQL
  - MySQL/PostgreSQL/Oracle/DB2
  - MongoDB/CouchDB
- 數(shù)據(jù)緩存
  - Redis
  - Memcached
- 文件緩存/代理
  - Varnish
  - Squid
- 操作系統(tǒng)
  - Unix/Linux/OS X/Windows
- 數(shù)據(jù)結構

　前端書籍推薦

　　★越少越簡單,越適合入門,★多的要么是難度比較高,要么是比較適合在后面看,比如講性能之類的書.

　　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富應用開發(fā)★★★

　　性能實踐

Web性能實踐日志★★★
Web性能權威指南★★★

　　版本控制工具

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

　后端書籍推薦

　　Linux管理

Linux 系統(tǒng)管理技術手冊
鳥哥的 Linux 私房菜
Linux 101 Hacks
UNIX Shell Scripting
The Linux Command Line
Linux Network Administrator’s Guide

　　Linux編程

Linux程序設計
Linux系統(tǒng)編程
Unix環(huán)境高級編程
Unix編程藝術
The Linux Programming Interface
程序員的自我修養(yǎng)
深入理解Linux內核
Unix網(wǎng)絡編程
TCP/IP高級編程

　　C/C++

Linux C編程一站式學習
C和指針
C陷阱與缺陷
C專家編程
C語言核心技術
徹底搞定C指針
征服C指針
C++編程思想
高質量程序設計指南—C/C++語言
Inside the C++ Object Model
A Tour of C++
The C++ Programming Language
The C++ Standard Library – A Tutorial and Reference
The C++ Standard (INCITS/ISO/IEC 14882-2011)
Overview of the New C++

　前端工作面試

前端工作面試問題

責任編輯：王雪燕來源： github

Web 前端