如何才能正確有效學(xué)習(xí)html5
HTML5是現(xiàn)在熱門的技術(shù)，經(jīng)過8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成，想要正確有效的學(xué)習(xí)HTML5還得找到方法。以下是學(xué)習(xí)啦小編分享給大家的有效學(xué)習(xí)html5的方法的資料，希望可以幫到你!
有效學(xué)習(xí)html5的方法
方法1 整體到局部，骨架到血肉
在學(xué)習(xí)HTML和CSS時(shí)，會(huì)涉及到網(wǎng)頁(yè)的搭建。學(xué)習(xí)這個(gè)知識(shí)時(shí)，我們采用的方法是“由外及內(nèi)”，“由整體到部分”，“由全局到細(xì)節(jié)”。 學(xué)習(xí)東西，特別是在初識(shí)某個(gè)事物時(shí)，一定要從主干到枝葉，而不要陷入細(xì)節(jié)，糾結(jié)于其中。主干如同知識(shí)的一個(gè)主線，這種先找主干后添枝葉的學(xué)習(xí)方法能夠讓知識(shí)遺漏變成最少，也會(huì)比較容易建立起知識(shí)知識(shí)間的關(guān)系。
方法2 類比
在學(xué)習(xí)CSS引入方式這種知識(shí)點(diǎn)時(shí)，我們采用了另一種學(xué)習(xí)方法。辨析，或者也可以叫做類比。
這種方法主要針對(duì)于區(qū)分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步。
對(duì)于此類知識(shí)，應(yīng)多多思考，抓取幾種事物的不同點(diǎn)，結(jié)合去記憶。
方法3 記憶很重要
學(xué)習(xí)時(shí)會(huì)遇到一些知識(shí)點(diǎn)，如有哪些數(shù)據(jù)類型，有哪些標(biāo)簽元素。需要記憶的還是要記憶的。很多人在學(xué)習(xí)過程中覺得理解最重要，不需要記憶。這種想法是有問題的，如果連記都記不住，還談什么理解?
方法4 聚沙成塔
在網(wǎng)站中，我們能夠看到各種各樣的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由眾多的知識(shí)點(diǎn)組合而成的。當(dāng)我們對(duì)效果抽絲剝繭，就會(huì)發(fā)現(xiàn)，其實(shí)最初的它很簡(jiǎn)單。
一朵櫻花并不起眼，但是當(dāng)你從一條道路走過，道路兩旁栽種著數(shù)百棵櫻花樹，紛紛揚(yáng)揚(yáng)的花瓣飄灑下來，讓你仿佛置身于粉色的花雨之中。這就是所謂的聚沙成塔。有時(shí)，我們希望制作很漂亮的效果，這個(gè)時(shí)候，一定要懂得這個(gè)道理(JQ特效制作就是典型的例子)
方法5 循序漸進(jìn)
一口吃不成胖子，也不是有一頓飯沒吃就可以減肥成功的。在學(xué)習(xí)過程中，會(huì)遇到一些“大型”的知識(shí)，這種知識(shí)比較難啃。遇到此類知識(shí)，不要想著如何一口吃掉它，而要一步一步來。動(dòng)畫框架的學(xué)習(xí)就是一個(gè)典型。
在循序漸進(jìn)中，思路很重要，換句話說，我們知道一個(gè)知識(shí)點(diǎn)很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我們弄不清楚先吃什么再吃什么，也很難把這個(gè)知識(shí)啃下來。
這時(shí)候需要“思路”，也就是“流程”，在學(xué)習(xí)知識(shí)中，重點(diǎn)是關(guān)注流程和思路，而具體的小知識(shí)點(diǎn)充當(dāng)?shù)氖茄?和我們提到的第一個(gè)方法就掛鉤了，就是分清主干和枝葉)
方法6 知識(shí)的遷移
用已有知識(shí)輔助未知知識(shí)的學(xué)習(xí)，是很好的一種方法。通常這種方法應(yīng)用于擁有相似特點(diǎn)的事物。例如：圓角邊框與外邊距、背景切割與背景原點(diǎn)、JS對(duì)象與JSON等
方法7 生活輔助學(xué)習(xí)
這種方法是講師用的最多的。
利用生活中實(shí)際的事物去輔助抽象知識(shí)的學(xué)習(xí)，能夠讓我們更好更快的理解和吸收知識(shí)。
例如在講解盒模型時(shí)我們利用了快遞中的方魚缸。在講解AJAX時(shí)我們利用了信件郵寄。在講解構(gòu)造函數(shù)時(shí)，我們利用了毛坯房和裝修房。在講解引用類型變量的時(shí)候我們借助了鑰匙和倉(cāng)庫(kù)的關(guān)系。
找一種合適的例子，輔助自己理解，是很好的方法，但是一定要注意，例子要合理～
方法8 實(shí)踐出真知
在學(xué)習(xí)一些知識(shí)過程中，有些孩紙不喜歡動(dòng)手，而更多的是喜歡聽或者喜歡背。這種思路明顯是不好的。代碼，是個(gè)需要?jiǎng)邮值幕顑?，掌握代碼靠的不僅僅是記憶，還需要嘗試。嘗試書寫代碼，發(fā)現(xiàn)現(xiàn)象，然后歸納總結(jié)，形成理論并記憶。
換句話說，理論來源于實(shí)踐，高于實(shí)踐(高于實(shí)踐的原因在于有總結(jié)與歸納)。在學(xué)習(xí)過程中，不能僅僅采用背理論再實(shí)踐這種學(xué)習(xí)方法，也要去經(jīng)歷實(shí)踐到理論轉(zhuǎn)化的這種方法。
有效學(xué)習(xí)html5的建議
一、Web頁(yè)面制作基礎(chǔ)
整體目標(biāo)：掌握傳統(tǒng)PC端網(wǎng)頁(yè)布局和制作
階段目標(biāo)：精通掌握HTML5的應(yīng)用，掌握CSS在開發(fā)中的使用，學(xué)會(huì)頁(yè)面標(biāo)準(zhǔn)化布局技術(shù)
實(shí)戰(zhàn)案例：高仿大型網(wǎng)站的模版(新浪、京東等)
二、UI網(wǎng)站設(shè)計(jì)
整體目標(biāo)：掌握頁(yè)面設(shè)計(jì)和原型圖制作
階段目標(biāo)：掌握標(biāo)準(zhǔn)化布局中的各項(xiàng)技術(shù)，能夠獨(dú)立設(shè)計(jì)具有創(chuàng)意、符合需求的web頁(yè)面，能夠獨(dú)立設(shè)計(jì)出手機(jī)移動(dòng)網(wǎng)站，掌握頁(yè)面設(shè)計(jì)和原型圖制作
實(shí)戰(zhàn)案例：獨(dú)立完成大型網(wǎng)站的全模版設(shè)計(jì)(web頁(yè)面和移動(dòng)界面)
三、編程基礎(chǔ)技術(shù)
整體目標(biāo)：Js完成常見的網(wǎng)頁(yè)特效開發(fā)
階段目標(biāo)：掌握J(rèn)s基本語法與流程控制相關(guān)操作，使用Js結(jié)合HTML實(shí)現(xiàn)代表性的Js特效制作，可以獨(dú)立完成網(wǎng)頁(yè)中常見的特效編寫，以及第三方特效插件的使用
實(shí)戰(zhàn)案例：結(jié)合Js實(shí)現(xiàn)動(dòng)態(tài)頁(yè)面(京東、淘寶、騰訊等)
四、后端開發(fā)技術(shù)
整體目標(biāo)：了解web服務(wù)器工作原理，并可以簡(jiǎn)單的搭建自己的應(yīng)用程序服務(wù)器
階段目標(biāo)：掌握HTTP與WEB工作原理，掌握Socket長(zhǎng)連接實(shí)時(shí)網(wǎng)絡(luò)通信技術(shù)，掌握NoSQL中的MongoDB的應(yīng)用，了解PHP語法，了解MySQL數(shù)據(jù)庫(kù)基本操作
實(shí)戰(zhàn)案例：京東、淘寶、騰訊視頻
五、移動(dòng)互聯(lián)網(wǎng)應(yīng)用
整體目標(biāo)： 掌握現(xiàn)在主流的頁(yè)面制作技術(shù)， 可以完微網(wǎng)站的制作，并可以做到多設(shè)備兼容
階段目標(biāo)：掌握 HTML5 新增智能表單的使用，制作播放器對(duì)搜索引擎優(yōu)化進(jìn)行講解，掌握優(yōu)化的各種方式
掌握響應(yīng)式頁(yè)面布局技術(shù)
掌握微網(wǎng)站的開發(fā)過程及開發(fā)移動(dòng)端web應(yīng)用
實(shí)戰(zhàn)案例 : 餓了么，華僑城 仿北京銀行 仿太平洋保險(xiǎn)，仿微信
六、特效開發(fā)高級(jí)實(shí)戰(zhàn)
整體目標(biāo)： 通過實(shí)際項(xiàng)目開發(fā)，精通前端常用框架的實(shí)際應(yīng)用及問題解決，以及常見特效開發(fā)、前后臺(tái)交互開發(fā)
階段目標(biāo) : 利用 jQuery 框架進(jìn)行 js 特效開發(fā)
掌握 jQuery Mobile 的應(yīng)用開發(fā)移動(dòng)應(yīng)用程序
掌握 Bootstrap 的使用
掌握 AngularJS 框架應(yīng)用
實(shí)戰(zhàn)案例 : 京東商城
七、企業(yè)級(jí)應(yīng)用開發(fā)
整體目標(biāo)：能夠獨(dú)立使用 HTML5 完成 APP 開發(fā)制作
階段目標(biāo) :使用 web 制作 LBS 應(yīng)用程序;在應(yīng)用中使用多線程技術(shù)完成 UI 交互與數(shù)據(jù)處理并行
了解和掌握 PhoneGap 的安裝和操作，能夠使用 PhoneGap 進(jìn)行封裝，實(shí)現(xiàn)跨平臺(tái)的應(yīng)用
了解和掌握觸屏和手勢(shì)相關(guān)的事件使用方式，能夠通過媒體查詢和多列布局屬性實(shí)現(xiàn)屏幕自適應(yīng)，實(shí)現(xiàn)響應(yīng)式布局 了解和掌握不同的設(shè)計(jì)模式以及其適合的企業(yè) APP，并且能夠?qū)⑵鋺?yīng)用在程序設(shè)計(jì)中。
HTML5學(xué)習(xí)的就業(yè)方向
1. HTML5小游戲
未來的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺(tái)開發(fā)出游戲非常困難，但游戲開發(fā)商卻都愿意那么做。HTML5開發(fā)將h5小游戲推上巔峰，投入少，變現(xiàn)快，融合產(chǎn)品營(yíng)銷更是易于傳播。
2. 手機(jī)頁(yè)游的3D化
隨著硬件能力的提升、WebGL標(biāo)準(zhǔn)化的普以及手機(jī)頁(yè)游的逐漸成熟，大量開發(fā)者需要?jiǎng)?chuàng)作更加精彩的3D內(nèi)容。
3. 視頻應(yīng)用
不管你是想開發(fā)出新型視頻應(yīng)用的開發(fā)商如Brightcover還是想開發(fā)新型音頻應(yīng)用的開發(fā)商如Soundcloud，不論是桌面應(yīng)用還是移動(dòng)應(yīng)用，HTML5都是創(chuàng)新的主旋律。
4 輕應(yīng)用、WebApp、微站
輕應(yīng)用、WebApp、微站HTML5開發(fā)移動(dòng)應(yīng)用更靈活。采用HTML5技術(shù)的輕應(yīng)用、WebApp以其開發(fā)成本低、周期短、易推廣等優(yōu)勢(shì)，將迅速普及。小程序算是輕應(yīng)用里的領(lǐng)頭羊了，其實(shí)在小程序之前也有很多類似的輕應(yīng)用出現(xiàn)。
5. 動(dòng)漫、二次元
HTML5技術(shù)的成熟，將個(gè)宅男們帶來福利。
動(dòng)漫元素可通過HTML5來強(qiáng)化創(chuàng)意，動(dòng)漫形式將具有富媒體的高度交互、MV影音功能，為受眾帶來更加場(chǎng)景化的二次元體驗(yàn)。
宅男的錢向來是最好賺的，這已經(jīng)多次被證明。
6. HTML5移動(dòng)營(yíng)銷
游戲化、場(chǎng)景化、跨屏互動(dòng)，HTML5技術(shù)滿足了廣告主對(duì)移動(dòng)營(yíng)銷的大部分需求，從形式到功能、到傳播。
HTML5移動(dòng)營(yíng)銷的范圍更是廣泛，從互聯(lián)網(wǎng)行業(yè)，到傳統(tǒng)行業(yè)，這種營(yíng)銷無疑將帶來大量的精通HTML5移動(dòng)營(yíng)銷的崗位空缺。
7. 在線直播
要說HTML5火了整個(gè)2016的it圈，那直播就火了整個(gè)2016的互聯(lián)網(wǎng)圈。
HTML5技術(shù)將會(huì)革新視頻數(shù)據(jù)的傳輸方式，讓視頻直播更加高清流暢。而且，視頻還將與網(wǎng)頁(yè)真正的融為一體，讓用戶看視頻如瀏覽動(dòng)圖一般簡(jiǎn)單輕松。此外，HTML5可以為視頻實(shí)現(xiàn)任意平臺(tái)播放，甚至是人畫交互。
直播或成為HTML5領(lǐng)域的爆發(fā)點(diǎn)之一。
8 VR
Web VR就是通過HTML5將虛擬現(xiàn)實(shí)場(chǎng)景嵌入到網(wǎng)頁(yè)，目前已受到谷歌、Facebook等巨頭的擁護(hù)。
Web擴(kuò)展了VR的使用范圍，很多生活化的內(nèi)容納入了VR的創(chuàng)作之中，如實(shí)景旅游，新聞報(bào)道、虛擬購(gòu)物等，其內(nèi)容展示、交互都可以由HTML5引擎輕松創(chuàng)建出來。
猜你喜歡：