TML5小壩：學習HTML5，除了我們要拋下足夠的汗水之外，還需要有合適的方法。合理的方法能夠事半功倍，而不合理的方法則事倍功半。在此，我們幾個講師結合我們的課程，總結了八種方法，與大家分享，希望各位學會學習。

前言：本來這些方法是在昨日上課時分享給HTML5-5班孩子的，在這里發出來，主要是為了和大家分享，也希望每個學習HTML5的人，包括以后班級的孩子，能夠找到合理的方法。

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

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

方法2 類比

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

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

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

方法3 記憶很重要

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

方法4 聚沙成塔

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

一朵櫻花并不起眼，但是當你從一條道路走過，道路兩旁栽種著數百棵櫻花樹，紛紛揚揚的花瓣飄灑下來，讓你仿佛置身于粉色的花雨之中。這就是所謂的聚沙成塔。有時，我們希望制作很漂亮的效果，這個時候，一定要懂得這個道理（JQ特效制作就是典型的例子）

PS：櫻花圖片來自于互聯網

歡迎溝通交流~HTML5小壩

方法5 循序漸進

一口吃不成胖子，也不是有一頓飯沒吃就可以減肥成功的。在學習過程中，會遇到一些“大型”的知識，這種知識比較難啃。遇到此類知識，不要想著如何一口吃掉它，而要一步一步來。動畫框架的學習就是一個典型。

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

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

方法6 知識的遷移

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

方法7 生活輔助學習

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

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

例如在講解盒模型時我們利用了快遞中的方魚缸。在講解AJAX時我們利用了信件郵寄。在講解構造函數時，我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們借助了鑰匙和倉庫的關系。前端學習裙前面是六11中間是四二八后面是一四2，把數字串在一起就可以了，每天都有免費學習網頁制作的課程，只要你有一顆學習的心就行了。

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

方法8 實踐出真知

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

換句話說，理論來源于實踐，高于實踐（高于實踐的原因在于有總結與歸納）。在學習過程中，不能僅僅采用背理論再實踐這種學習方法，也要去經歷實踐到理論轉化的這種方法。

事Web前端開發，HTML5語言是繞不開的話題，學好HTML5語言對于從事Web前端開發的人非常重要。那么，在廣州Web前端培訓班學習的人要如何學好HTML5語言呢?下面，小編就給大家分享一下。

1、基礎

如果之前接觸HTML4，可以嘗試著去學習HTML5，如果沒有基礎建議去w3cshool官網了解一下HTML、css(css3)及JavaScript等知識。

2、建立邏輯思維

HTML5基礎打好后，邏輯思維是下一步晉級必須面對的問題，這個階段也許新手會感到復雜和棘手，但是如果你能迎難而上堅持下來不斷自我總結，這是成為大牛必須經歷的過程。

3、多跟后端交流

了解一下服務器開發，做前端總是要跟服務器配合的，你要是完全不懂后端，我可以說你的工作會遇到很多問題而且這些問題是完全無法避免的。

4、多實踐

你跟大牛的其實不是技術的差別，而是一個項目和一百個項目經驗的差別，每做一個項目比你單純去看一本書實用得多，有機會要多嘗試各種類型的開發，不斷打破自己的舒適區。

對于零基礎的學員如何才能在短時間內成為一名合格的Web前端開發?參加培訓班無疑是最高效便捷的方式，千鋒廣州Web前端開發培訓課程結合時下流行技術，三大階段幫助學員從基礎到進階：

1、前端頁面重構。主要內容為PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局。學習目標是完成PC端網站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實現一些精美的動畫效果。

2、JavaScript高級課程、PC端全棧項目開發。主要內容為原生JavaScript、面向對象進階與ES5/ES6應用、JavaScript工具庫自主研發、JQuery經典交互特效開發、HTTP協議、Ajax進階與后端開發、前端工程化與模塊化應用以及AngularJS等。學習目標是可以通過原生JavaScript開發交互功能，實現網站上的交互效果，以及模塊化應用等，實現完整的前端工程。

3、Web前端框架、混合開發(Hybrid，RN)、大數據可視化。主要內容為Node.js后端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid，RN)、Angular前端框架、大數據可視化等。學習目標是可以獨立完成相應的項目，如微信場景，應用Vue.js/Ionic/React.js等框架開發WebApp，微信小程序項目開發，以及各類混合應用項目開發等。

著互聯網的迅速發展，更多的人投入到Web前端的學習中來，那么想要自學前端該怎么規劃學習呢?要學習哪些技能呢?在這里千鋒廣州小編有幾個建議給大家，希望可以幫助到想要學習HTML5的同學。

自學前端，首先的你得搞懂前端是什么，要學習的內容是什么，每天能抽出多少的時間去學習，能不能堅持的問題，很多同學可能就是三分鐘的熱情去學習，然后過幾天就偷懶學不下去了，為了避免這樣半途而廢，大家選擇學習的方式就是很重要的。還有就是重點的學習哪些技術。

?以下千鋒廣州Web前端培訓的老師就給大家分享一下Web前端開發中需要掌握的技術：

1、學習HTML，這是很簡單，基本的是要掌握div，formtable、Ulli、P、跨度、字體這些標簽，這些都是常用的，尤其是DIV和表格，DIV，表也可以用于布局，但不靈活，和用于基本表處理數據。

2、學習CSS，CSS這里說的不包括CSS3 Web前端開發工程師里面我們看到的，一個可以使用HTML或CSS + CSS+DIV的界面布局，所以CSS是用來協助HTML布局和顯示，我們稱之為“CSS樣式”，為什么說DIV+CSS?因為我說div是HTML主要用于布局的，所以div是這個東西的核心!CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及較大值和小值，以100%，溢出，邊緣、填充等。這些都是與布局相關的樣式。

3、然后就是JS的學習。JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或”風格或價值，然后以一個ID或名稱元標簽，或額外的數據，在HTML，這是對數據的操作有關系，那么數據邏輯的影響，無非是一個跳躍，彈框，隱藏什么，這一切都是結合其他應用，代碼一點都不難，將這些基本的JS。百度其他好。然后多看一些，不是什么問題。

4、學習jQuery相當于封裝一組JS插件的JS。其目的是操作更方便，編寫更少的代碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ代碼。剩下的就跟百度一樣。

5、較好是指出背景語言，如java，php，為什么?因為我們是前臺接口數據，從后臺到點，如果后臺代碼，你知道如何與后臺數據交互是好的，它節省了時間，也可以使前端代碼更加規范。否則，可能是因為你回來了，無法忍受的數據，然后前端代碼再次重寫，這將是可怕的。

6、研究CSS3 + HTML5，為什么放在后面呢?因為現在對于前端人員來說，復合型且不斷提升能力的人是企業很看中的，所以，如果你準備從事專業戰線，學習一下會更好。

以上6點，基本上是一個Web前端開發工程師掌握的技術，對于一個新手小白來說，掌握以上技能基本就能入職Web前端職位了，如果你前期不知道如果規劃你的學習的話，也可以去千鋒這樣的培訓機構看看，千鋒提供免費的課程試聽，可以去看看老師的講課方式，然后結合自己的優勢再進一步的規劃學習路線會更好一些。