初學(xué)者h(yuǎn)tml5如何學(xué)習(xí)
初學(xué)者h(yuǎn)tml5如何學(xué)習(xí)
怎樣才能有效的學(xué)習(xí)H5前端開(kāi)發(fā)呢?學(xué)習(xí)前端開(kāi)發(fā)我們都知道要學(xué)HTML、CSS、JS這些基本的知識(shí)，學(xué)習(xí)的內(nèi)容基本差不多，但是學(xué)習(xí)的成果卻千差萬(wàn)別。下面學(xué)習(xí)啦小編收集了一些關(guān)于html5習(xí)方法，希望對(duì)你有幫助
html5習(xí)方法
方法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í)過(guò)程中覺(jué)得理解最重要，不需要記憶。這種想法是有問(wèn)題的，如果連記都記不住，還談什么理解?
方法4 聚沙成塔
在網(wǎng)站中，我們能夠看到各種各樣的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由眾多的知識(shí)點(diǎn)組合而成的。當(dāng)我們對(duì)效果抽絲剝繭，就會(huì)發(fā)現(xiàn)，其實(shí)最初的它很簡(jiǎn)單。
方法5 循序漸進(jìn)
在循序漸進(jìn)中，思路很重要，換句話說(shuō)，我們知道一個(gè)知識(shí)點(diǎn)很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我們弄不清楚先吃什么再吃什么，也很難把這個(gè)知識(shí)啃下來(lái)。
這時(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í)過(guò)程中，有些孩紙不喜歡動(dòng)手，而更多的是喜歡聽(tīng)或者喜歡背。這種思路明顯是不好的。代碼，是個(gè)需要?jiǎng)邮值幕顑海莆沾a靠的不僅僅是記憶，還需要嘗試。嘗試書寫代碼，發(fā)現(xiàn)現(xiàn)象，然后歸納總結(jié)，形成理論并記憶。
自學(xué)html5方法
1.學(xué)習(xí)html的基本知識(shí)。包括HTML的標(biāo)簽、屬性等知識(shí)
2.學(xué)習(xí)html+css。學(xué)習(xí)DIV+CSS的基礎(chǔ)知識(shí)，掌握網(wǎng)頁(yè)布局技巧，能夠用DIV+CSS完成帶交互的企業(yè)網(wǎng)站的布局。這兩部網(wǎng)上隨便一搜全部 都是教程，找一個(gè)系統(tǒng)的教程看就好。
3.js+jquery。js語(yǔ)句語(yǔ)法的學(xué)習(xí)，對(duì)象、dom、事件處理的學(xué)習(xí)等;jquery選擇器、ajax、流行的網(wǎng)頁(yè)特效制作，以及jquery插件的封裝 。都是在這個(gè)階段要學(xué)習(xí)的。
4.html5+css3。這個(gè)階段要掌握html5新特性，css3新特性。包括新增標(biāo)簽、css3中的2D、3d轉(zhuǎn)換、響應(yīng)式媒體查詢等。這個(gè)階段的學(xué)習(xí) 完成后要能完成一個(gè)響應(yīng)式網(wǎng)站的前端開(kāi)發(fā)。
5.移動(dòng)端框架的學(xué)習(xí)，流行框架的學(xué)習(xí)比如bootstrap。
6.react組件學(xué)習(xí)、nodejs&bower&gulp。能做到這個(gè)階段，你已經(jīng)是一位HTML5工程師了。
猜你感興趣：