一.圖書部分

1.《CSS 權威指南》第三版：由CSS界權威Meyer大師的作品，專為初學者清掃障礙的書籍；

2. 《JavaScript DOM 程式設計藝術》：這本書講述了JavaScript和DOM的基礎知識，適合JS入門童鞋學習；

3. 《JavaScript 權威指南》第6版：犀牛書號稱 JS 學習的紅寶書，作為學習核心JavaScript語言和JavaScript API 指南的綜合參考手冊，它適合初、中級前端開發者學習；

4. 《JavaScript高階程式設計》第三版：這本書的作者是世界頂級Web技術專家，也是入門JS的好讀物，適合反覆研讀，每一遍都會讓你有新的收穫；

5. 《鋒利的jQuery》第二版：JQ入門首選，淺顯易懂。這本書將循序漸進地對jQuery的各種函式和方法呼叫進行介紹，帶你全面瞭解jQuery；

我之前寫過一篇名為《老司機推薦！四個國內優秀的程式設計學習網站》（地址：http://t.cn/ROsZaei），主要分享了4個我常去自學程式設計的學習網站，上面大多都是免費的課程，只需要註冊帳號就可以學習了。詳細的大家可以看下文章，就不再贅述了。

如果你的英文不錯的話，還有一些不錯的英文程式設計免費學習網站，也可以去看看。畢竟國外的技術會更快、更新。

1.Codecademy

它是學程式設計最流行的網站之一，包括了CSS、HTML、JavaScript、jQuery和PHP等程式語言，也是註冊個帳號就可以直接開始。

網址：https://www.codecademy.com/

2. Free Code Camp

學習Web開發非常棒的地方。尤其是你想學習程式語言是JS，那麼，這個網站將是你的首選。

網址：http://freecodecamp.com/

3. HTML Dog

HTML Dog網站彙集了CSS、HTML和JavaScript大量的教程資源，它還可以幫助一個初學者學習任何上述的語言。

網址：http://htmldog.com/

4.Udacity

一個提高你的程式設計技術，以及程式開發技能的課程網站。這些課程由軟體巨頭Facebook, Google中的行業專家進行講授。

網址：http://udacity.com/

1. GitHub的免費程式設計圖書系列：http://t.cn/RoCkRhv

2. 2017 Web 開發者學習路線圖：http://t.cn/R6qhSpr

3. 最全的資源教程 - 前端涉及的所有知識體系：http://t.cn/RqeWkhB

4.JavaScript 秘密花園：http://t.cn/zT5dtzx

5.前端學習乾貨：http://t.cn/RNndK0m

HTML標籤，CSS在w3cSchool上面看一遍，上面可以線上練習。

HTML把所有標籤過一遍後，瞭解一下DOM框架的原理，然後重點了解div和表單，瞭解塊元素和行內元素。

CSS把所有屬性過一遍，然後重點了解文字樣式相關的幾個屬性（font開頭的）、內邊距、外邊距、邊框、float、display、邊框、position就可以了，這塊最好結合HTML標籤在本地進行練習，最好模仿一些經典頁面的佈局，多看別人的網站是怎麼佈局的。

JavaScript必須從基礎學起，資料型別、迴圈、判斷、函式、名稱空間等了解以後，建議先引入jQuery框架進行輔助學習，JS也可以在w3cSchool上面學習和線上練習。

在w3c上面可以學習HTML、CSS和JS的所有基礎知識，這些線上過一遍的話基礎就已經非常不錯了，然後當你試著用一些框架的時候會發現非常得心應手。

學習的時候能有個人請教最好了，這樣可以避免走很多彎路。

如果看書就能從入門到精通了，不太現實，程式碼的事情主要在於多看，多練

書上沒有demo，沒有演示，所以不推薦

少看書，多看demo（例項），這是我個人的建議，我也是學過來的，我比較早 2007~2008兩年學習制，也有書但基本很少看

反而養成了看官方文件的習慣，這個習慣對你將來會很受用

html

http://www.w3school.com.cn/html/index.asp

css

http://www.w3school.com.cn/css/index.asp

js

http://www.w3school.com.cn/js/index.asp