首先,看一張前端知識結構圖:
圖片的形式具有諸多的不便。缺失源圖的我們,無法爲此圖貢獻些什麼,隨着時間的遷移,或許有些技術點會發生改變,所以有了這個GitHub項目。我們可以通過協作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。
儘管會變成文字的方式來維護這些內容,但是我承諾寫一個小工具幫大家生成更好玩的圖形(基於DataV項目)。
前端開發知識結構
- 前端工程師
- 瀏覽器
- 編程語言
- 切頁面
- 開發工具
- 編輯器和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
- 交互設計/可用性/可訪問性知識
- 可視化
- 後端工程師
前端書籍推薦
★越少越簡單,越適合入門,★多的要麼是難度比較高,要麼是比較適合在後面看,比如講性能之類的書.
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++
前端工作面試