前言：
移動(dòng)互聯(lián)網(wǎng)的火爆，而Html具有跨平臺(tái)、開發(fā)快的優(yōu)勢(shì)。作為互聯(lián)網(wǎng)開發(fā)工程師，做一些了解還是很有裨益的。本人作為一名2年的iOS開發(fā)工程師，前段時(shí)間自學(xué)Html，現(xiàn)在水平算個(gè)入門，還在進(jìn)一步學(xué)習(xí)中。分享一下Html的學(xué)習(xí)經(jīng)驗(yàn)。
一、學(xué)習(xí)途徑
1、很多視頻網(wǎng)站 比如慕課、和極客學(xué)院。
推薦買一個(gè)極客學(xué)院的會(huì)員，看一下前端開發(fā)的基礎(chǔ)視頻。對(duì)Html有一個(gè)基礎(chǔ)認(rèn)識(shí)。慕課網(wǎng)比較適合有一定基礎(chǔ)后，挑一些專題學(xué)學(xué)。
2、學(xué)習(xí)網(wǎng)站推薦 W3school 在線教程. 淺顯易懂，邊學(xué)邊練，每章后還有小測(cè)試。 非常適合初學(xué)者學(xué)習(xí)知識(shí)點(diǎn)，打基礎(chǔ)。我就是在線邊看邊學(xué)，用的是OneNote記錄的筆記。
在w3School 上學(xué)習(xí)會(huì)比看視頻快，但是知識(shí)點(diǎn)相對(duì)較為零散這是弊端。學(xué)習(xí)完知識(shí)點(diǎn)后實(shí)戰(zhàn)應(yīng)用比較重要。
我的做法是先看極客視頻初步了解后，W3School學(xué)習(xí)知識(shí)點(diǎn)。再回過頭看看視頻的專題。
二、開發(fā)工具
Html是一個(gè)標(biāo)記類的語言，雖然用文本編輯器也能編寫的，但是用一些集成工具還是高效一些。
1、web storm
2、intellij idea
我用的是idea。找不到破解版的話，我有個(gè)小技巧，下載一個(gè)正版軟件后，把電腦的時(shí)間調(diào)成一年后，那么安裝后，你就有一年的試用期了。
3、HBuilder
國內(nèi)開發(fā)的一款編輯器，據(jù)說挺好用，也免費(fèi)。
三、學(xué)習(xí)路徑
在w3School上學(xué)習(xí)就可以了，知識(shí)點(diǎn)不用面面俱到，具體看個(gè)人吧。
說一下我的學(xué)習(xí)路徑
1、Html基礎(chǔ)
2、CSS基礎(chǔ)
3、HTML5
4、JavaScript
5、CSS3
6、jQuery
然后項(xiàng)目實(shí)戰(zhàn)，找個(gè)網(wǎng)頁從靜態(tài)頁面寫起，切圖啥的。
公司有相關(guān)的Html項(xiàng)目，直接拿來學(xué)習(xí)最好。沒有的話也沒有關(guān)系，用chrome隨便打開一個(gè)網(wǎng)站，右鍵，選擇審查元素（mac下最新版叫檢查）就可以看到源碼。
四、相關(guān)書籍
目前還在進(jìn)一步學(xué)習(xí)過程中。以后有好書的話就推薦給大家，如果簡(jiǎn)友有好書或者好的資料推薦，非常歡迎留言。
