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