自學HTML5的條件是什么。我們應該怎么做?
對于很多自考前端學習者來說,學習興趣濃厚,但往往學習不到位。現在網上的資源魚龍混雜,在海量的信息庫中選擇合適的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的意思。