很多人在網上找html5教程，其實網上很多教程都不是很靠譜，很多html5從入門到精通教程寫的都很淺顯，只能作為入門參考，況且不經過大量實戰是發現不了html5教程里講不到的問題的，下面云和學院的小編根據學員們的實際經歷給大家總結了html5從入門到精通的一些方向，由于能力有限不能面面俱到，希望能給大家帶來一些幫助。

互聯網的快速發展和激烈競爭，用戶體驗成為一個重要的關注點，導致專業html5工程師成為熱門職業，各大公司對html5工程師的需求量都很大，要求也越來越高，優秀的html5工程師更是稀缺。個人感覺html5入門相對容易，但是也需要系統地認真學習，在打好基礎后堅持學習，成為優秀html5工程師也只是時間問題。

學習任何知識最重要的都是興趣，如果經過一段時間的學習感覺不喜歡，那可能強迫自己學習是很痛苦的，效果也不會好，畢竟這很可能就是以后很多年生存的技能。不過隨著互聯網行業的發展，html5必然是Web開發人員需要學習的知識，有時候是沒有專業html5工程師一起合作的，所以即使不做專門的html5工程師，掌握基本的html5技能為工作帶來方便。

基本開發工具

恰當的工具能有效提高學習效率，將重點放在知識本身，在出現問題時能快速定位并解決問題，以下是個人覺得必備的html5開發工具：

文本編輯器：推薦Sublime Text，支持各種插件、主題、設置，使用方便

瀏覽器：推薦Google Chrome，更新快，對html5各種標準提供了非常好的支持

調試工具：推薦Chrome自帶的Chrome develop tools，可以輕松查看DOM結構、樣式，通過控制臺輸出調試信息，調試javascript，查看網絡等

輔助工具：PhotoShop編輯圖片、取色，fireworks量尺寸，AlloyDesigner對比尺寸，以及前面的到的Chrome develop tools，

一些插件:

liveload: 修改頁面后自動刷新，不用按F5

dimensions：直接在頁面上測量的利器

livestyle：css樣式修改后自動起效果，不需要刷新，elements修改后也能同步到代碼中

image tool：測量，取色

UC二維碼：移動端調試掃碼必備

pagespeed，YSlow：頁面性能分析和優化插件

馬克飛象：優秀的在線markdown編輯器，快速寫周報，做記錄

sublime text2：編碼方便，插件多，速度快，性能好

emmet：提升html編碼速度必備

sublimelinter + 各種語言的lint和hint：代碼糾錯

一些snippets：自動補全，提升開發效率

Intellij IDEA和WebStorm：集成開發環境，集成了各種功能，開發比sublime要方便，但會比較吃性能

Mark Men：測量、取色、標注利器，拿到視覺稿之后第一個打開的軟件

GFW Fucker：我用紅杏，可以的話買個虛擬服務器當梯子

iHosts：非常優秀的hosts管理軟件，輕松修改hosts，開發調試必備

Charles：Mac 平臺最好用的抓包分析工具

Rythem：AlloyTeam出品的代理抓包軟件，非常輕量，安裝簡單，移動端(真機)開發調試很好用

Wunderlist：一個非常不錯的Todo List，任務、需求多的時候管理起來很方便

跟對技術大神

這個可控性貌似不大。跟對老大這個就不多說了，一定程度要看造化。不過話說回來，多跟身邊的高手交流是王道。

云和學院的講師都是具有多年一線實戰經驗的大神，技術上自不用說，待人也十分耐心，想要成為神，首先要有和神接觸的機會。云和不但擁有html5大神講師，很多學員的技術也非常了得，所以不要在網上去找什么html5教程了，直接來云和學習html5從入門到精通指日可待。云和老師講課都是面授，拒絕視頻授課，先就業后付款的模式也為學習免除了后顧之憂。鄭州html5培訓機構哪家好？要找就找河南云和。