前端技能彙總

Frontend Knowledge Structure 項目起源還記得@jayli 的這幅前端知識結構圖麼。

圖片的形式具備諸多的不便。缺失源圖的咱們，沒法爲此圖貢獻些什麼，隨着時間的遷移，或許有些技術點會發生改變，因此有了這個github項目。咱們能夠經過協做的方式來共同維護這個項目。Git的歷史記錄也能夠見證前端行業的一些變遷。儘管會變成文字的方式來維護這些內容，可是我承諾寫一個小工具幫你們生成更好玩的圖形（基於DataV項目）。前端開發知識結構

前端工程師
- 瀏覽器
  - IE6/7/8/9/10
  - Firefox
  - Chrome/Safari/Opera
- 編程語言
- 切頁面
  - HTML/HTML5
  - CSS/CSS3
  - PhotoShop/Paint.net/Fireworks
- 開發工具
  - 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++

轉載自： http://ziy.cc/topic/24451/