初學(xué)者h(yuǎn)tml5如何學(xué)習(xí)
初學(xué)者h(yuǎn)tml5如何學(xué)習(xí)
怎樣才能有效的學(xué)習(xí)H5前端開發(fā)呢?學(xué)習(xí)前端開發(fā)我們都知道要學(xué)HTML、CSS、JS這些基本的知識,學(xué)習(xí)的內(nèi)容基本差不多,但是學(xué)習(xí)的成果卻千差萬別。下面學(xué)習(xí)啦小編收集了一些關(guān)于html5習(xí)方法,希望對你有幫助
html5習(xí)方法
方法1 整體到局部,骨架到血肉
在學(xué)習(xí)HTML和CSS時,會涉及到網(wǎng)頁的搭建。學(xué)習(xí)這個知識時,我們采用的方法是“由外及內(nèi)”,“由整體到部分”,“由全局到細(xì)節(jié)”。 學(xué)習(xí)東西,特別是在初識某個事物時,一定要從主干到枝葉,而不要陷入細(xì)節(jié),糾結(jié)于其中。主干如同知識的一個主線,這種先找主干后添枝葉的學(xué)習(xí)方法能夠讓知識遺漏變成最少,也會比較容易建立起知識知識間的關(guān)系。
方法2 類比
在學(xué)習(xí)CSS引入方式這種知識點時,我們采用了另一種學(xué)習(xí)方法。辨析,或者也可以叫做類比。
這種方法主要針對于區(qū)分相似的兩種或多種事物。如strong與em,塊元素與行元素,同步與異步。
對于此類知識,應(yīng)多多思考,抓取幾種事物的不同點,結(jié)合去記憶。
方法3 記憶很重要
學(xué)習(xí)時會遇到一些知識點,如有哪些數(shù)據(jù)類型,有哪些標(biāo)簽元素。需要記憶的還是要記憶的。很多人在學(xué)習(xí)過程中覺得理解最重要,不需要記憶。這種想法是有問題的,如果連記都記不住,還談什么理解?
方法4 聚沙成塔
在網(wǎng)站中,我們能夠看到各種各樣的效果,有些效果看上去很高大上,很炫美。然而,再炫美的效果也是由眾多的知識點組合而成的。當(dāng)我們對效果抽絲剝繭,就會發(fā)現(xiàn),其實最初的它很簡單。
方法5 循序漸進(jìn)
在循序漸進(jìn)中,思路很重要,換句話說,我們知道一個知識點很“大”,也知道要一口一口的吃,一步步的消化,但是,如果我們弄不清楚先吃什么再吃什么,也很難把這個知識啃下來。
這時候需要“思路”,也就是“流程”,在學(xué)習(xí)知識中,重點是關(guān)注流程和思路,而具體的小知識點充當(dāng)?shù)氖茄?和我們提到的第一個方法就掛鉤了,就是分清主干和枝葉)
方法6 知識的遷移
用已有知識輔助未知知識的學(xué)習(xí),是很好的一種方法。通常這種方法應(yīng)用于擁有相似特點的事物。例如:圓角邊框與外邊距、背景切割與背景原點、JS對象與JSON等
方法7 生活輔助學(xué)習(xí)
這種方法是講師用的最多的。
利用生活中實際的事物去輔助抽象知識的學(xué)習(xí),能夠讓我們更好更快的理解和吸收知識。
例如在講解盒模型時我們利用了快遞中的方魚缸。在講解AJAX時我們利用了信件郵寄。在講解構(gòu)造函數(shù)時,我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們借助了鑰匙和倉庫的關(guān)系。
找一種合適的例子,輔助自己理解,是很好的方法,但是一定要注意,例子要合理~
方法8 實踐出真知
在學(xué)習(xí)一些知識過程中,有些孩紙不喜歡動手,而更多的是喜歡聽或者喜歡背。這種思路明顯是不好的。代碼,是個需要動手的活兒,掌握代碼靠的不僅僅是記憶,還需要嘗試。嘗試書寫代碼,發(fā)現(xiàn)現(xiàn)象,然后歸納總結(jié),形成理論并記憶。
自學(xué)html5方法
1.學(xué)習(xí)html的基本知識。包括HTML的標(biāo)簽、屬性等知識
2.學(xué)習(xí)html+css。學(xué)習(xí)DIV+CSS的基礎(chǔ)知識,掌握網(wǎng)頁布局技巧,能夠用DIV+CSS完成帶交互的企業(yè)網(wǎng)站的布局。這兩部網(wǎng)上隨便一搜全部 都是教程,找一個系統(tǒng)的教程看就好。
3.js+jquery。js語句語法的學(xué)習(xí),對象、dom、事件處理的學(xué)習(xí)等;jquery選擇器、ajax、流行的網(wǎng)頁特效制作,以及jquery插件的封裝 。都是在這個階段要學(xué)習(xí)的。
4.html5+css3。這個階段要掌握html5新特性,css3新特性。包括新增標(biāo)簽、css3中的2D、3d轉(zhuǎn)換、響應(yīng)式媒體查詢等。這個階段的學(xué)習(xí) 完成后要能完成一個響應(yīng)式網(wǎng)站的前端開發(fā)。
5.移動端框架的學(xué)習(xí),流行框架的學(xué)習(xí)比如bootstrap。
6.react組件學(xué)習(xí)、nodejs&bower&gulp。能做到這個階段,你已經(jīng)是一位HTML5工程師了。
猜你感興趣: