自學HTML5的條件是什么。我們應該怎么做?
對于很多自考前端學習者來說,學習興趣濃厚,但往往學習不到位。現(xiàn)在網(wǎng)上的資源魚龍混雜,在海量的信息庫中選擇合適的HTML5學習線更是難上加難。
今天,邊肖將與您分享一條HTML5初級開發(fā)工程師學習路線。
第一部分是HTML5課程介紹。通過本課程,學生可以對整個HTML5課程有一個全面的了解,對未來的主要工作和業(yè)務應用場景有一個初步的認識。
1.互聯(lián)網(wǎng)發(fā)展趨勢
2.H5語言的優(yōu)勢
3、簡單易學,人人都會編程
4.H5就業(yè)和工資狀況
5、H5常見項目和產(chǎn)品
6.H5的未來和方向
第二部分是HTML的基礎。通過這部分基礎學習,學生可以學習HTML,了解網(wǎng)頁的構(gòu)成,寫出網(wǎng)頁的基本結(jié)構(gòu)。
和版本歷史介紹。
2、常用開發(fā)軟件
3.通用標簽和屬性
4.表格和表單
5.標簽規(guī)范和標簽語義。
6、實戰(zhàn):網(wǎng)頁結(jié)構(gòu)布局
第三部分是CSS的基礎。通過這一階段的學習,學生可以學習CSS,使用PS工具開發(fā)樣式,結(jié)合HTML結(jié)構(gòu)完成整個頁面的制作。
1.css和基本語法介紹
2.常見樣式屬性
3.CSS選擇器和標簽類型
4.了解盒子模型和CSS重置。
5、浮動和定位
6.使用photoshop工具測量樣式。
7、HTMLCSS開發(fā)網(wǎng)頁
8、實戰(zhàn):電商首頁效果
第四部分是CSS3的基礎。完成后,學生可以使用CSS3制作酷炫的網(wǎng)頁動態(tài)效果。
1.css3的常見樣式
2.css3選擇器
3.變形和動畫
4.3D效果和關鍵幀
5.彈性盒模型
第五部分是移動端布局。通過這一階段的學習,可以掌握移動端概念和移動端布局方案,了解什么是響應式,使用bootstrap搭建頁面。
1.移動終端的基本概念
2、視口窗口設置
3.移動終端布局方案
4、rem、vh、vw等單位
5.響應式布局
6.引導框架
第六部分是Javascript基礎,可以基本掌握JS的基本語法和簡單的邏輯處理,掌握JS的核心內(nèi)容,使用JS開發(fā)網(wǎng)頁中常見的特效。
1.JS簡介
2.JS變量
3.數(shù)據(jù)類型和類型轉(zhuǎn)換
4.操作員和優(yōu)先級
5、過程控制-如果...其他
6.過程控制
7、過程控制-while,do...同時,對于循環(huán)
8、中斷,繼續(xù)語法
9、函數(shù)定義和調(diào)用
10.全局變量和局部變量
11.函數(shù)傳遞參與返回值
12.函數(shù)范圍和變量范圍13、DOM的基本操作
14、計時器的使用
15.這種指向和修改指向
16、數(shù)組、字符串等操作方法
17.時間對象和常規(guī)對象
18、掌握常見的BOM操作
19、常見事件和事件詳情
20.JSON和AJAX
21.JSONP跨域操作
22、前端cookie的使用
23.實戰(zhàn):JS配合HTML和CSS完成電商項目。
第七部分是jquery框架。在這個階段結(jié)束時,學生可以學習jquery框架,并使用它快速開發(fā)網(wǎng)頁效果。
1.jquery的核心思想
2.jquery的常用方法
3、jquery動畫操作
4.jqueryAJAX操作
5、jquery工具方法
6.使用jquery快速開發(fā)網(wǎng)頁。
第八部分是PHP的基礎。學習后可以掌握真實的前后臺開發(fā)模式,對數(shù)據(jù)庫進行凝乳操作,將數(shù)據(jù)顯示到頁面,實現(xiàn)站開發(fā)。
和基本語法介紹
數(shù)據(jù)庫和sql語法
3.apache服務器和集成開發(fā)工具
4、PHP鏈接數(shù)據(jù)庫
與AJAX交互。
6、實戰(zhàn):留言板、登錄、注冊等。
第九部分是H5基礎項目,也是這條學習路線的最后一部分。學生可以獨立完成一個大型網(wǎng)站的前端開發(fā)。有獨立的項目開發(fā)能力和思考能力。另外,可以實現(xiàn)多設備、多瀏覽器兼容的處理實現(xiàn)。
1.項目介紹
2、項目功能演示
3.項目劃分和框架
4.編寫HTML頁面結(jié)構(gòu)
5.設置CSS樣式
6.添加JS交互
7.可選框架:bootstrap、jqu
h5的正確理解?
H5有狹義和廣義兩種含義。從狹義上講,H5只是一種編程語言,而從廣義上講,H5涵蓋了互聯(lián)網(wǎng)上使用HTML5技術的大部分頁面。
狹義的H5是一種編程語言,是HTML5的簡稱。HTML也是"超文本標記語言HTML5是第五代超文本標記語言。有趣的是,由于HTML5本身是一個縮寫,所以在英語語法中進一步將HTML5縮寫成H5是錯誤的。所以H5在只會被當成HTML5的縮寫,但是說英語的人可以我不明白H5的意思。