對於想從事IT工作的人們來說，HTML5前端開發是一個不錯的切入點。學習的門檻低，而且與後端語言相比，前期沒有那麼多抽象的知識需要理解，HTML5的學習曲線是先快後慢的。

對於HTML5零基礎的人員來說，可能看到一開始有許多的知識點，就會覺得基礎知識很多、很難學，其實只要規劃好了一條學習路線，學習的時候更有針對性，HTML5遠沒有看起來那麼難，知識點也沒有你想的那麼複雜。

1、HTML5介紹

內容包括：(網際網路發展趨勢、HTML5語言的優勢、簡單易學人人都能程式設計、H5就業和薪資情況、HTML5常見的專案與產品、HTML5的未來與方向)

2、HTML基礎

內容包括：(HTML簡介與歷史版本、常用開發軟體、常見標籤與屬性、表格與表單、標籤規範與標籤語義化、實戰：網頁結構佈局)

3、CSS基礎

內容包括：(CSS簡介與基本語法、常見的各種樣式屬性、CSS選擇器與標籤型別、理解盒子模型與CSS重置、浮動與定位、利用PS工具測量樣式、HTML+CSS開發網頁、實戰：仿電商首頁效果)

4、CSS3基礎

內容包括：(CSS3常見樣式、CSS3選擇器、變形與動畫、3D效果與關鍵幀、彈性盒模型）

5、移動端佈局

（移動端基本概念、viewport視窗設定、移動端佈局方案、rem、vh、vw等單位、響應式佈局、bootstrap框架)

6、JavaScript基礎

內容包括：(JS簡介、JS變數、資料型別與型別轉換、運算子與優先順序、流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for迴圈、break、continue語法、函式定義與呼叫、全域性變數與區域性變數。還有函式傳參與返回值、函式作用域與變數作用域、DOM的基本操作、定時器使用、this指向與修改指向、陣列、字串等方法操作、時間物件與正則物件、掌握常見BOM操作、常見事件與事件細節、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實戰：JS配合HTML與CSS完成電商專案)

7、jquery框架

內容包括：(jquery框架介紹及優勢介紹、jquery核心思想、jquery常見方法、jquery動畫操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開發網頁)

8、PHP基礎

9、HTML5基礎專案

內容包括：(專案簡介、專案功能演示、專案劃分及框架、編寫HTML頁面結構、設定CSS樣式、新增JS互動、可選框架：bootstrap、jquery、PHP等、專案除錯及相容、專案驗收)

雖然HTML5前端薪資高入門門檻低， 但是俗話說得好：入門容易，精通難。HTML5前端開發的知識點繁多，要想真正掌握HTML5前端工程師開發技能，並非易事，因此什麼時候也不要忘記多學習，多思考，多練習。