首先，看一張前端知識結構圖： （原文： ithomer）javascript
圖片的形式具備諸多的不便。缺失源圖的咱們。沒法爲此圖貢獻些什麼，隨着時間的遷移，也許有些技術點會發生改變。因此有了這個GitHub項目。咱們可以經過協做的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。css
雖然會變成文字的方式來維護這些內容。但是我承諾寫一個小工具幫你們生成更好玩的圖形（基於DataV項目）。html
前端開發知識結構
- 前端project師
- 瀏覽器
- 編程語言
- 切頁面
- 開發工具
- 編輯器和IDE
- 調試工具
- 版本號管理
- 代碼質量
- 前端庫/框架
- 前端標準/規範
- 性能
- 編程知識儲備
- 部署流程
- 壓縮合並
- 文檔輸出
- 項目構建工具
- 代碼組織
- 類庫模塊化
- 業務邏輯模塊化
- 文件載入
- 模塊化預處理器
- 安全
- 移動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
- HybridApp
- WHATWG
- 計算機知識儲備
- 軟技能
- 知識管理/總結分享
- 溝通技巧/團隊協做
- 需求管理/PM
- 交互設計/可用性/可訪問性知識
- 可視化
- 後端project師
前端書籍推薦
★越少越簡單,越適合入門,★多的要麼是難度比較高,要麼是比較適合在後面看,比方講性能之類的書.html5
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富應用開發★★★
版本號控制工具
- 版本號控制之道 (git)★★
- Git權威指南★★★★
後端書籍推薦
Linux管理
- Linux 系統管理技術手冊
- 鳥哥的 Linux 私房菜
- Linux 101 Hacks
- UNIX Shell Scripting
- The Linux Command Line
- Linux Network Administrator’s Guide
Linux編程
- Linux程序設計
- Linux系統編程
- Unix環境高級編程
- Unix編程藝術
- The Linux Programming Interface
- 程序猿的自我修養
- 深刻理解Linux內核
- Unix網絡編程
- 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++
前端工做面試
本文轉自： http://blog.ithomer.net/2014/05/front-end-engineer-prerequisite-skills-summary/java