自學HTML5的條件是什么？

對于許多自學前端的學習者來說，學習興趣是濃厚的，但是往往求學無方。現在網上的資源良莠不齊，在海量的信息庫里挑選適合自己的HTML5學習線路更是難上加難。

今天小編就給大家分享一個HTML5初級開發工程師學習線路。

第一部分是HTML5課程介紹，通過這段課程學習，學生可以對整個HTML5課程有全面的了解，對未來主要的工作和業務應用場景有初步的認識。

1、互聯網發展趨勢

2、H5語言的優勢

3、簡單易學人人都能編程

4、H5就業和薪資情況

5、H5常見的項目與產品

6、H5的未來與方向

第二部分是HTML基礎，通過這一部分基礎學習，學生可以學會HTML，并且了解網頁的組成，可寫出基本的網頁結構。

1、HTML簡介與歷史版本

2、常用開發軟件

3、常見標簽與屬性

4、表格與表單

5、標簽規范與標簽語義化

6、實戰：網頁結構布局

第三部分是CSS基礎，通過此階段的學習，學生可以學會CSS，利用PS工具進行樣式開發，結合HTML結構完成整頁制作。

1、css簡介與基本語法

2、常見的各種樣式屬性

3、CSS選擇器與標簽類型

4、理解盒子模型與CSS重置

5、浮動與定位

6、利用photoshop工具測量樣式

7、HTML+CSS開發網頁

8、實戰：高仿電商首頁效果

第四部分是CSS3基礎，學成之后，學生可以利用CSS3制作出炫酷的網頁動態效果。

1、css3常見樣式

2、css3選擇器

3、變形與動畫

4、3D效果與關鍵幀

5、彈性盒模型

第五部分是移動端布局，通過這一階段的學習，可以掌握移動端概念與移動端布局方案，理解什么是響應式，利用bootstrap來搭建頁面。

1、移動端基本概念

2、viewport窗口設置

3、移動端布局方案

4、rem、vh、vw等單位

5、響應式布局

6、bootstrap框架

第六部分是JavaScript基礎，可以基本掌握JS基本語法和簡單的邏輯處理，掌握JS核心內容，利用JS開發網頁中常見的特效效果。

1、JS簡介

2、JS變量

3、數據類型與類型轉換

4、運算符與優先級

5、流程控制-if..else

6、流程控制-switch...case

7、流程控制-while、do..while、for循環

8、break、continue語法

9、函數定義與調用

10、全局變量與局部變量

11、函數傳參與返回值

12、函數作用域與變量作用域

13、DOM的基本操作

14、定時器使用

15、this指向與修改指向

16、數組、字符串等方法操作

17、時間對象與正則對象

18、掌握常見BOM操作

19、常見事件與事件細節

20、JSON與AJAX

21、JSONP跨域操作

22、前端cookie的使用

23、實戰：JS配合HTML與CSS完成電商項目

第七部分是jquery框架，此階段的學習結束，學生可以學會jquery框架，利用jquery框架快速開發網頁效果。

1、jquery核心思想

2、jquery常見方法

3、jquery動畫操作

4、jqueryAJAX操作

5、jquery工具方法

6、利用jquery快速開發網頁

第八部分是PHP基礎，學習之后可以掌握前后端真實開發模式，能夠對數據庫進行CURD操作，并能顯示數據到頁面，實現動態網站開發。

1、PHP簡介與基本語法

2、mysql數據庫及sql語法

3、apache服務器與集成開發工具

4、PHP鏈接數據庫

5、PHP與AJAX交互

6、實戰：留言板、登錄、注冊等

第九部分是H5基礎項目，也是此學習路線的尾聲部分。學生能夠獨立完成一整個大型網站的前端開發。具備獨立的項目開發能力和思考能力。并且，做到多設備、多瀏覽器兼容等處理實現。

1、項目簡介

2、項目功能演示

3、項目劃分及框架

4、編寫HTML頁面結構

5、設置CSS樣式

6、添加JS交互

7、可選框架：bootstrap、jquery、PHP等

8、項目調試及兼容

9、項目驗收