學習前端我們都知道要學HTML、CSS、JS這些基本的知識， 學習的內容基本差不多，但是學習的成果卻千差萬別，要如何高效學習H5前端開發呢？一起來看下，小編對學習web前端開發，有哪些獨特的方法及建議。

我們生活在一個充滿規則的宇宙里面。社會秩序按照規則運行，計算機語言幾乎全部是規則的集合。計算機前輩們定義規則，規則約束我們，我們用規則控制數據。大部分時候，高效合理的，來自于你對規則的掌握。學習也是一樣，掌握了學習規則，學習起來就能事半功倍，同樣的學習H5前端開發也是有一定的規則可尋的。

如何高效學習HTML5開發呢？

首先要學的是學HTML、CSS，這兩個東西是一套的，非常容易理解，隨著web移動端開發的大趨勢，HTML5和CSS3的出現，對前端工程師來說面臨著新的挑戰。所以建議想系統學習的同學，最好是到專業的前端培訓機構去學習，比如云和教育開設的H5前端開發培訓課程，聘請一線級講師親自授課，手把手帶你做前端，這樣收獲的效果會更好。

如何進行自學？

如果選擇自學，應該先跟著書仔細、扎實的學一遍。然后就需要做大量的練習，做各種常規的、新穎的布局練習來捆固、理解自己的知識。css要熟練掌握float、 position、width、height，以及對于的最大最小、會使用百分百、overflow、margin、padding等等，這些都是跟布局 有關系的樣式，是必須要掌握的。

如何學習JavaScript？

再次就是 Javascript，很多同學談到JS就很困惑，當然不是所有的網頁都必須有js，但是要想實現一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力。

在學習js的時候, 會接觸一些后端的東西，沒錯，就是ajax。這個是需要后端返回數據的， 這個時候你要開始學習php了, 入門php相比于js會更麻煩一些，因為運行php需要有很多細節要處理。

如何學習jQuery

再次就是學習jquery。jquery是相當于把js封裝了一套的一個js插件。目的就是操作起來更方便，代碼寫的更少，jquery入門比較簡單，那些是入門需要學的和js一樣，只是換成了jq的代碼。

其他需要學習的一些技術

談到如何高效學習H5前端開發的問題，也要了解學習前端開發使用的工具，目前最常用的是Dreamweaver， 其曾經風靡一時，到現在也沒有退出歷史舞臺，證明DW還是有很大優勢的，尤其是針對初學者，其強大的提示功能可以幫助我們很快的熟悉并掌握網頁布局。