標籤：
字數1374 閱讀4622 評論0 喜歡49
以前學習過一段時間的web前端開發，整理了一些我看過的/我認為比較好的學習資料（網站、書籍）。不要問我為啥沒有進階版，我只是一條產品汪而已，求輕噴。＝＝
以下引用知乎 @李路 的話。
以我的經驗，大部分技術，熟讀下列四類書籍即可。
入門，用淺顯的語言和方式講述正確的道理和方法，如head first系列
全面，巨細無遺地探討每個細節，遇到疑難問題時往往可以在這裡得到理論解答，如Definitive Guide/Programming xx系列
實踐，結合實際中經常遇到的情景環境，來描述如何設計和解決問題，如cookbook系列
深入，講解一些文化，思路，甚至於哲學上的東西，真正做到深入一種語言去編程，如unix編程藝術，程式員修鍊之道等等
受李路老師的啟發，我結合了自己在學習前端過程中用到的資料如下：
一、 語言基礎（以書和網站為主）1.HTML&CSS：（1）入門：
- Codeademy上的html&css課程——線上互動式編程平台，弄清楚基本概念和基本文法
- w3school上的HTML/CSS教程——技術手冊式的教程，比較全面，照著執行個體敲一遍
（2）進階：
- 《精通CSS·進階Web標準解決方案》——對CSS有一個比較深入的學習，對核心技術瞭解
- 《HTML5權威指南》——非常全面的書，內容也很新，包含了HTML5+CSS3+JS DOM
（3）實戰：
- bootstrap架構: bootstrap中文網/《bootstrap實戰》——流行的前端架構，注重實用即可
- Codeademy上的Web Developer Skills+Projects——通過自己做小頁面/小網站來運用所學
（4）提高：
- 《CSS禪意花園》——提高自己的藝術設計能力，通過執行個體來學習如何用CSS設計出漂亮的頁面
2.Javascript：（1）入門：
- Codeademy上的javascript教程——執行個體比較多，比較淺，算是基本瞭解JS
- w3school上的JS教程——比較詳細的瞭解下JS的特性
- 《JavaScript DOM編程藝術》——講js和DOM的基本知識和運用，瞭解JS和DOM可以做什麼
（2）進階：
- 《JavaScript進階程式設計》——JS聖經，比較全面，非常好的一本書，比犀牛書可閱讀性強
- 《JavaScript權威指南》——傳說中的犀牛書，好厚好厚的一本書，不適合入門，適合當工具書看
- 《JavaScript語言精粹》——很薄的一本書，但是可以協助你快速瞭解JS的精華部分
（3）實戰：
- jQuery架構: w3school上的jQuery教程/Codeademy上的jQuery教程——瞭解Jquery
- 《jQuery基礎教程》——流行的前端架構，注重實用
（4）提高：
- 《高效能JavaScript》——講如何提高js效能，以及構建和部署檔案到生產環境的最佳實務
- 《Secrets of the JavaScript Ninja》——jQuery作者寫的書，如果你覺得精通JS了再看這本書
附錄：前端網站大匯總1、前端知識體系：
- 前端知識體系及修鍊攻略：http://blog.csdn.net/borishuai/article/details/8676573——對前端知識體系剖析的非常好，尤其是最後對前端的階段性劃分，對前端學習很有指導意義，推薦！
- 前端開發知識結構：https://github.com/JacksonTian/fks——有個前端知識架構的思維導圖，給了很多連結和好書，推薦！
2、技術資訊類
- W3Cfuns : http://www.w3cfuns.com/——國內最大的前端站，比較全
- 大前端：http://www.daqianduan.com/——沒有W3Cfuns那麼雜，有些wodpress的主題，“前端導航”也比較好用
- W3Cplus:http://www.w3cplus.com/——也是比較全，有個“國外優秀譯文”，非常喜歡
- 前端觀察 ：http://www.qianduan.net/——專註於前端設計與開發的部落格，比較有深度，排版乾淨，推薦！**
- 前端亂燉 ：http://www.html-js.com/——有點像前端的知乎，有問答平台和專欄啥的
3、技術教程、文檔類
- 慕課網：http://www.imooc.com/course/program
——超級實用的視頻教程類網站，各種小執行個體，非常適合照著“前端學習計劃”計劃學習
- codeademy : http://www.codeademy.com/——英文，簡單有趣的互動編程學習網站，非常適合入門，中文版是http://www.fenby.com/
- W3schoo線上教程l: http://www.w3school.com.cn/——中文，適合入門，教程相當全，線上執行個體可以敲，可惜較淺，有些地方不太準確和深入
- Firefox開發人員網路MDN：https://developer.mozilla.org/zh-CN/——中文，不僅有技術文檔，而且有相當多的參考資料和資源、工具，推薦！
- W3C標準：http://www.w3.org/standards/
——英文，不解釋，官方文檔，真前端和偽前端就在於此。可惜英文的，而且可讀性差。極不適合入門，適合提高。
- Web平台文檔：http://www.webplatform.org/——英文，權威性僅次於W3C標準，可讀性高於W3C標準，W3C官方認可，高品質。
文章轉自http://www.jianshu.com/p/b9ad2af81e35
Web 前端開發學習之路（入門篇）
