多練習，別隻會看教程

所有的東西只有自己試了才知道效果

先從基礎的開始

找幾個喜歡的介面學著搞

看別人為什麼要那麼寫

想想如果是你自己你會怎麼寫

必須瞭解基礎的後端思維

不然你寫的前端，好看不好用

HTML5開發是當今比較火熱的一個專業，它相對於iOS開發、Android開發來說，學習門檻比較低，不需要任何程式設計基礎，所以對於沒有程式設計基礎的同學來說，學HTML5開發是比iOS開發和Android開發容易的。於是很多小夥伴就想透過自學成才的方式來搞定HTML5開發技術，那麼自學html5開發要學哪些呢？這是一個問題。

最近兩年web前端開發工程師工資都在10k~30k之間，前端開發工作一個月的工資相當於普通員半年工資。很多轉行的人把目標放在web前端開發商，前端開發很多東西都是在HTML5建立上的，HTML5技術自然成了行業的風口。網上有很多免費影片，新手依舊很難看懂，也沒人解決問題。現在很多人轉行做web前端開發的的情況是：看著眼紅，學著起來太難，學好還不知道是什麼時候。

對於想自學web前端的人來說，他們大多數都是非常盲目的，不知道自己改如何入手，很多人在網上找一些影片，然後瘋狂的過影片，很快就把一塊內容都學完，他們理解的學完了就是影片看完了，但是讓他們動手去做東西卻做不出來，而我的理解學完了就是自己能寫出東西，所以對於初學者來說一定不能盲目，要有自己的規劃，不然就是浪費時間白忙活。

既然是學習專業技術，我個人的建議是，一定要有一個能指導你的人，不能都靠自己閉門造車，這樣的行為並不聰明，結識一位這方面的人才，時不時去問問人家問題，不然你可能會發現一個小問題能困擾你一天，最後還不知道是什麼原因。

學習web前端技術，不能跟學數學語文一樣對待，比較剛接觸程式碼是不容易記住的，所以要掌握上述的技術，你還要知道學習web前端技術有哪些“坑”。對於學習方法這塊是尤為重要的，怎麼學才能讓你學完了能記住之前學的那些，不至於學完了就忘，這個問題值得你學習之前去思考的。

HTML5的學習順序如下：

第一階段：HTML5+C33S新屬性

在第一階段中，我們不僅要學習HTML+CSS的靜態佈局，還要把HTML5的新特性，CSS3的新屬性掌握的非常好，可以說HTML5就是另一種的JS，專門寫特效。

第二階段：JS+JQ

在第二階段中，我們迎來了比較難搞的JS，JS作為前端開發者的工資標準，還是不容小視的，不要把他想的太簡單，學習JS要有獨立的思維，不然很難學好，而JQ是JS封裝的框架，只要底層的東西學好，這些就沒有問題。

第三階段：框架node.js ves.js 等等

進去了我們的框架階段，就是目前公司都要應用的框架，這個肯定要難一點，還是那句話，底層的JS理解透徹，這些框架同樣也是小事情。

第四階段：整合專案實戰學習

專案實戰非常的重要，現在公司都要那種有專案經驗的人，所以多給幾個專案實戰，是非常有利於找工作的。

不管學啥技術，只有根據自己的情況制定適合的學習方法才好。這個時代沒有輕鬆掙錢的工作。學習前端一點捷徑都沒有。加油吧！

作為一個學計算機軟體的我給你幾點建議吧。

一：書籍的價值就在於被有需要的人閱讀，首先建議大家去網上買幾本關於前端的書，比較基礎的，從HTML和CSS相關的書籍入手，不要嫌貴，和你以後的發展相比微不足道。這裡想大家推薦兩本，當然你也可以去買其他。

二：與搞前端的朋友或者同學交流學習，隔行如隔上麼，向別人學習一定要抱著謙虛的心態，謙虛使人進步嗎，在學習的過程中如果遇到不會的要不恥下問。

三：給大家推薦一個新手學習的網站，w3cschool一個非常適合新手學習的網站，很多人的前端之路就是從這個網站開始，當然大家也可以去其他網站看看。

四：當你在w3cschool上學習到一定程度後，你就可以去另外一個網站，慕課網非常棒的一個網站，大家可以在這裡進一步的學習。

五：學習基礎的ps知識，比如切圖。每個前端開發者的基礎工作就是切圖，將psd的設計稿轉換為html靜態頁面；這裡看幾集影片就能懂。

六：學習谷歌瀏覽器的除錯方法，ie瀏覽器的相容性問題的除錯，瞭解一些專門針對ie的hack。ie是開發的一個大坑，新手只需要瞭解寫基本的，保證頁面完整的相容就行。

七：想要做好前端還是得自己多練習，切不可紙上談兵，這個佔到學習前端技術的百分之80。

如果你覺得總結的不錯的話，麻煩大家給我一個贊