Web 前端開發學習之路（入門篇）

字數1374 閱讀4622 評論0 喜歡49

之前學習過一段時間的web前端開發，整理了一些我看過的/我認爲比較好的學習資料（網站、書籍）。不要問我爲啥沒有進階版，我只是一條產品汪而已，求輕噴。＝＝

如下引用知乎 @李路 的話。

以個人經驗，大部分技術，熟讀下列四類書籍便可。

入門，用淺顯的語言和方式講述正確的道理和方法，如head first系列
全面，鉅細無遺地探討每一個細節，遇到疑難問題時每每能夠在這裏獲得理論解答，如Definitive Guide/Programming xx系列
實踐，結合實際中常常遇到的情景環境，來描述如何設計和解決問題，如cookbook系列
深刻，講解一些文化，思路，甚至於哲學上的東西，真正作到深刻一種語言去編程，如unix編程藝術，程序員修煉之道等等

受李路老師的啓發，我結合了本身在學習前端過程當中用到的資料以下：

1、 語言基礎（以書和網站爲主）

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了再看這本書

附錄：前端網站大彙總

一、前端知識體系：

• 前端知識體系及修煉攻略：http://blog.csdn.net/borishuai/article/details/8676573——對前端知識體系剖析的很是好，尤爲是最後對前端的階段性劃分，對前端學習頗有指導意義，推薦！
• 前端開發知識結構：https://github.com/JacksonTian/fks——有個前端知識框架的思惟導圖，給了不少連接和好書，推薦！

二、技術資訊類

• 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/——有點像前端的知乎，有問答平臺和專欄啥的

三、技術教程、文檔類

• 慕課網：http://www.imooc.com/course/program
  ——超級實用的視頻教程類網站，各類小實例，很是適合照着「前端學習計劃」計劃學習
• codeademy : http://www.codeademy.com/——英文，簡單有趣的互動編程學習網站，很是適合入門，中文版是http://www.fenby.com/
• W3schoo在線教程l: http://www.w3school.com.cn/——中文，適合入門，教程至關全，在線實例能夠敲，惋惜較淺，有些地方不太準確和深刻
• 火狐開發者網絡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