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