前端開發知識結構

真正能改變世界的人，他們具有更加普遍的能力，並能將不一樣的技術結合起來創造價值。javascript

-- Dave Thomacss

雖然是前端開發知識結構，可是選擇性地列入了一些後端的內容，由於好的前端工程師對後端也應該有所瞭解。html

前端工程師
- 瀏覽器
  - IE6/7/8/9/10
  - Firefox
  - Chrome/Safari/Opera
- 編程語言
- 切頁面
- 開發工具
  - IDE
  - 調試工具
  - 版本管理
    - Git/SVN
    - Github/Bitbucket/Google Code
- 代碼質量
  - Coding style
  - 單元測試
    - QUnit/Jasmine
    - Mocha/Should/Chai/Expect
  - 自動化測試
    - WebDriver/Karma Runner
- 前端庫/框架
- 前端標準/規範
- 性能
- 編程知識儲備
  - 數據結構
  - OOP/AOP
  - 原型鏈/做用域鏈
  - 閉包
  - 函數式編程
  - 設計模式
  - Javascript Tips
- 部署流程
  - 壓縮合並
  - 文檔輸出
    - JSDoc
    - Dox/Doxmate
  - 項目構建工具
    - make/Ant
    - GYP
    - Grunt
    - Yeoman
- 代碼組織
  - 類庫模塊化
    - 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
- 計算機知識儲備
  - 編譯原理
  - 計算機網絡
  - 操做系統
  - 算法原理
  - 軟件工程/軟件測試原理
- 軟技能
  - 知識管理/總結分享
  - 溝通技巧/團隊協做
  - 需求管理/PM
  - 交互設計/可用性/可訪問性知識
- 可視化
  - SVG/Canvas/VML
  - D3/Raphaël/DataV
後端工程師
- 編程語言
  - C/C++/Java/PHP/Ruby/Python/...
- 服務器
  - Nginx
  - Apache
- 數據庫
  - SQL
  - MySQL/PostgreSQL/Oracle
  - MongoDB/CouchDB
- 數據緩存
  - Redis
  - Memcached
- 文件緩存/代理
  - Varnish
  - Squid
- 操做系統
  - Unix/Linux/OS X/Windows
- 數據結構

前端書籍推薦

★越少越簡單,越適合入門前端

CSS

CSS權威指南（第3版）★★
精通CSS★★★

JavaScript

後端書籍推薦

Linux管理

Linux編程

C/C++

內容反饋請移步至該文章GitHub地址html5

內容貢獻者

本文章內容是由樸靈發起整理的，同時感謝如下的內容貢獻者們，結果由git-summary生成於2013-04-17：java

project  : fks
 repo age : 6 months
 active   : 23 days
 commits  : 46
 files    : 3
 authors  :
    31  Jackson Tian            67.4%
     3  fengxiaolong            6.5%
     3  吳曉蘭               6.5%
     2  Johnny                  4.3%
     2  Yinkan Li               4.3%
     1  李亞川               2.2%
     1  XiNGRZ                  2.2%
     1  browsnet                2.2%
     1  monkadd                 2.2%
     1  Evan You                2.2%