html5的學習方法指導

html5的學習方法指導

　　學習前端開發我們都知道要學HTML、CSS、JS這些基本的知識，學習的內容基本差不多，但是學習的成果卻千差萬別。下面小編給大家整理了html5的學習方法，供大家參閱。

　　html5習方法

　　方法1 整體到局部，骨架到血肉

　　在學習HTML和CSS時，會涉及到網頁的搭建。學習這個知識時，我們采用的方法是“由外及內”，“由整體到部分”，“由全局到細節”。 學習東西，特別是在初識某個事物時，一定要從主干到枝葉，而不要陷入細節，糾結于其中。主干如同知識的一個主線，這種先找主干后添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識知識間的關系。

　　方法2 類比

　　在學習CSS引入方式這種知識點時，我們采用了另一種學習方法。辨析，或者也可以叫做類比。

　　這種方法主要針對于區分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步。

　　對于此類知識，應多多思考，抓取幾種事物的不同點，結合去記憶。

　　方法3 記憶很重要

　　學習時會遇到一些知識點，如有哪些數據類型，有哪些標簽元素。需要記憶的還是要記憶的。很多人在學習過程中覺得理解最重要，不需要記憶。這種想法是有問題的，如果連記都記不住，還談什么理解?

　　方法4 聚沙成塔

　　在網站中，我們能夠看到各種各樣的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由眾多的知識點組合而成的。當我們對效果抽絲剝繭，就會發現，其實最初的它很簡單。

　　方法5 循序漸進

　　在循序漸進中，思路很重要，換句話說，我們知道一個知識點很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我們弄不清楚先吃什么再吃什么，也很難把這個知識啃下來。

　　這時候需要“思路”，也就是“流程”，在學習知識中，重點是關注流程和思路，而具體的小知識點充當的是血肉(和我們提到的第一個方法就掛鉤了，就是分清主干和枝葉)

　　方法6 知識的遷移

　　用已有知識輔助未知知識的學習，是很好的一種方法。通常這種方法應用于擁有相似特點的事物。例如：圓角邊框與外邊距、背景切割與背景原點、JS對象與JSON等

　　方法7 生活輔助學習

　　這種方法是講師用的最多的。

　　利用生活中實際的事物去輔助抽象知識的學習，能夠讓我們更好更快的理解和吸收知識。

　　例如在講解盒模型時我們利用了快遞中的方魚缸。在講解AJAX時我們利用了信件郵寄。在講解構造函數時，我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們借助了鑰匙和倉庫的關系。

　　找一種合適的例子，輔助自己理解，是很好的方法，但是一定要注意，例子要合理～

　　方法8 實踐出真知

　　在學習一些知識過程中，有些孩紙不喜歡動手，而更多的是喜歡聽或者喜歡背。這種思路明顯是不好的。代碼，是個需要動手的活兒，掌握代碼靠的不僅僅是記憶，還需要嘗試。嘗試書寫代碼，發現現象，然后歸納總結，形成理論并記憶。

　　自學html5方法

　　1.學習html的基本知識。包括HTML的標簽、屬性等知識

　　2.學習html+css。學習DIV+CSS的基礎知識，掌握網頁布局技巧，能夠用DIV+CSS完成帶交互的企業網站的布局。這兩部網上隨便一搜全部 都是教程，找一個系統的教程看就好。

　　3.js+jquery。js語句語法的學習，對象、dom、事件處理的學習等;jquery選擇器、ajax、流行的網頁特效制作，以及jquery插件的封裝 。都是在這個階段要學習的。

　　4.html5+css3。這個階段要掌握html5新特性，css3新特性。包括新增標簽、css3中的2D、3d轉換、響應式媒體查詢等。這個階段的學習 完成后要能完成一個響應式網站的前端開發。

　　5.移動端框架的學習，流行框架的學習比如bootstrap。

　　6.react組件學習、nodejs&bower&gulp。能做到這個階段，你已經是一位HTML5工程師了。

【html5的學習方法指導】相關文章：

HTML5學習方法10-18

小升初銜接-高效學習方法指導12-02

雅思詞匯學習方法指導07-31

小升初數學學習方法指導匯編11-14

HTML5是什么07-21

html5的canvas方法使用09-29

HTML5新特性介紹06-28

稅務師考試《稅法一》學習方法及備考指導10-28

html5的開發工具06-16