自學HTML5的條件是什么。我們應該怎么做？

對于很多自考前端學習者來說，學習興趣濃厚，但往往學習不到位?，F在網上的資源魚龍混雜，在海量的信息庫中選擇合適的HTML5學習線更是難上加難。

今天，邊肖將與您分享一條HTML5初級開發工程師學習路線。

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

1.互聯網發展趨勢

2.H5語言的優勢

3、簡單易學，人人都會編程

4.H5就業和工資狀況

5、H5常見項目和產品

6.H5的未來和方向

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

和版本歷史介紹。

2、常用開發軟件

3.通用標簽和屬性

4.表格和表單

5.標簽規范和標簽語義。

6、實戰:網頁結構布局

第三部分是CSS的基礎。通過這一階段的學習，學生可以學習CSS，使用PS工具開發樣式，結合HTML結構完成整個頁面的制作。

1.css和基本語法介紹

2.常見樣式屬性

3.CSS選擇器和標簽類型

4.了解盒子模型和CSS重置。

5、浮動和定位

6.使用photoshop工具測量樣式。

7、HTMLCSS開發網頁

8、實戰:電商首頁效果

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

1.css3的常見樣式

2.css3選擇器

3.變形和動畫

4.3D效果和關鍵幀

5.彈性盒模型

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

1.移動終端的基本概念

2、視口窗口設置

3.移動終端布局方案

4、rem、vh、vw等單位

5.響應式布局

6.引導框架

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

1.JS簡介

2.JS變量

3.數據類型和類型轉換

4.操作員和優先級

5、過程控制-如果...其他

6.過程控制

7、過程控制-while，do...同時，對于循環

8、中斷，繼續語法

9、函數定義和調用

10.全局變量和局部變量

11.函數傳遞參與返回值

12.函數范圍和變量范圍13、DOM的基本操作

14、計時器的使用

15.這種指向和修改指向

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

17.時間對象和常規對象

18、掌握常見的BOM操作

19、常見事件和事件詳情

20.JSON和AJAX

21.JSONP跨域操作

22、前端cookie的使用

23.實戰:JS配合HTML和CSS完成電商項目。

第七部分是jquery框架。在這個階段結束時，學生可以學習jquery框架，并使用它快速開發網頁效果。

1.jquery的核心思想

2.jquery的常用方法

3、jquery動畫操作

4.jqueryAJAX操作

5、jquery工具方法

6.使用jquery快速開發網頁。

第八部分是PHP的基礎。學習后可以掌握真實的前后臺開發模式，對數據庫進行凝乳操作，將數據顯示到頁面，實現站開發。

和基本語法介紹

數據庫和sql語法

3.apache服務器和集成開發工具

4、PHP鏈接數據庫

與AJAX交互。

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

第九部分是H5基礎項目，也是這條學習路線的最后一部分。學生可以獨立完成一個大型網站的前端開發。有獨立的項目開發能力和思考能力。另外，可以實現多設備、多瀏覽器兼容的處理實現。

1.項目介紹

2、項目功能演示

3.項目劃分和框架

4.編寫HTML頁面結構

5.設置CSS樣式

6.添加JS交互

7.可選框架:bootstrap、jqu

h5的正確理解？

H5有狹義和廣義兩種含義。從狹義上講，H5只是一種編程語言，而從廣義上講，H5涵蓋了互聯網上使用HTML5技術的大部分頁面。

狹義的H5是一種編程語言，是HTML5的簡稱。HTML也是"超文本標記語言HTML5是第五代超文本標記語言。有趣的是，由于HTML5本身是一個縮寫，所以在英語語法中進一步將HTML5縮寫成H5是錯誤的。所以H5在只會被當成HTML5的縮寫，但是說英語的人可以我不明白H5的意思。