來自IOS開發工程師的零基礎自學HTML5經驗分享

移動互聯網的火爆，而Html具備跨平臺、開發快的優點，愈來愈受到開發者的青睞。感謝IOS開發工程師「小木___Boy」’帶來的HTML5學習經驗分享。

 

1、學習途徑

---

一、不少視頻網站 好比慕課、和極客學院。

推薦買一個極客學院的會員，看一下前端開發的基礎視頻。對Html有一個基礎認識。慕課網比較適合有必定基礎後，挑一些專題學學。

二、學習網站推薦W3Cschool 在線教程（www.w3cschool.cn）。淺顯易懂，邊學邊練，每章後還有小測試。 很是適合初學者學習知識點，打基礎。我就是在線邊看邊學，用的是W3Cschool自帶的筆記。

邊學邊記仍是挺方便的

在W3Cschool 上學習會比看視頻快，可是知識點相對較爲零散這是弊端。學習完知識點後實戰應用比較重要。

個人作法是先看極客視頻初步瞭解後，W3Cschool學習知識點。再回過頭看看視頻的專題。

 

 

2、開發工具

---

Html是一個標記類的語言，雖然用文本編輯器也能編寫的，可是用一些集成工具仍是高效一些。

一、web storm

二、intellij idea

我用的是idea。找不到破解版的話，我有個小技巧，下載一個正版軟件後，把電腦的時間調成一年後，那麼安裝後，你就有一年的試用期了。

三、HBuilder

國內開發的一款編輯器，聽說挺好用，也免費。

 

 

3、學習路徑

---

在W3Cschool上學習就能夠了，知識點不用面面俱到，具體看我的吧。

說一下個人學習路徑

一、Html基礎

二、CSS基礎

三、HTML5

四、JavaScript

五、CSS3

六、jQuery

W3Cschool.png

而後項目實戰，找個網頁從靜態頁面寫起，切圖啥的。

公司有相關的Html項目，直接拿來學習最好。沒有的話也沒有關係，用chrome隨便打開一個網站，右鍵，選擇審查元素（mac下最新版叫檢查）就能夠看到源碼。

來自W3CschoolHTML教程頁面.png

4、相關書籍

---

我書讀得少，你們有什麼好的書籍資料推薦歡迎給我留言~