很多同學想學習WEB前端開發，不過面對大量的前端學習資料(視訊教程、網上教程、書籍)等，不知道從何處下手。

作為一個多年從事前端開發的程式設計師，為了讓新手程式設計師少走點彎路，這裡就分享騰訊前端大牛快速學習前端開發的經驗：

一、前端學習思路

前端學習存在一個普遍的問題：感覺程式語言死氣沉沉，程式碼枯燥乏味，很多人覺得學不下去，或者認為不好學。出現這樣的情況，無非是學習程式設計的思路不對頭!

首先來談談前端學習的思路。個人看來，前端的學習如果思路不對，你學習的過程會非常掙扎和痛苦，最後發現到頭來學得一頭霧水。

我的經驗是，帶著目的和解決問題的心態，以生活中的類比來學習程式設計，就非常有趣，也會變的不難。在這裡相信有許多想要學習web前端的同學，大家可以+下web前端學習分享裙：陸伍玖+肆柒玖+捌陸零，即可免費領取一整套系統的 web前端學習教程！

前端學習大體分三個部分：html、css、javascript。首先應當用生活的類比熟悉這些概念。

比如學習html，你可以把它當做設計這房子的整體結構。頭部(head)，中部(body)，底部(foot)就像是房子的屋頂，房間，地基。

學習css，就像是給房子做裝修，牆壁刷成什麼顏色，選擇什麼樣的瓷磚裝飾房間。

學習javascript，你可以把他當成是各種互動的開關控制，比如按某個按鈕，可以控制電視開關換臺，或者控制燈光。

二、有趣化的程式設計體驗

對於一名前端開發的初學者而言，有趣的程式設計學習方式會讓你更快掌握前端開發。因為有趣的方式意味著樂此不疲地學習。

入門階段，我所使用的前端開發程式設計教程都是用w3cschool網站https://www.w3cschool.cn/。這主要也是我大學的計算機老師推薦的，因為w3cschool比較老牌，官方，注重實戰，上面的課程非常適用於初學者。

在w3cschool網站上，除了有比較詳細的講解之外，還有大量的例項實戰。

我的方法是，採用循序漸進的方式，比如對於“建立一個畫布(Canvas)”，我會按照w3cschool官方網站提供的例項，將程式碼從頭到尾敲一遍。因為程式設計最重要的就是動手能力!

前期為了入門，我主要還是學習了w3cschool網站上html、css、javascript這三套基礎教程(現在在學進階教程)，在這裡要說明一點，一個問題沒有弄懂不要跳著學下面的東西，不然你後面要填很多坑。

前期最主要還是循序漸進，將程式碼都過一遍，當你打下堅實的基礎，對後面的面試也很有幫助。

當然，程式碼有時候敲累了，我玩玩w3cschool app前端的微課。微課採用了邊學邊練的模式，類似於遊戲化闖關的模式，我只是把它當做遊戲來玩，不停地刷副本。

個人比較喜歡上面的積分獎勵，因為w3cschool官方做了一個積分排行榜，這可以激勵我每天做大量的程式設計練習，檢視積分排行榜是否出現我的名字。

另外，新手的前端程式設計師仍然需要積累一些感性經驗，通過視聽覺來理解前端知識，所以建議可以使用慕課網看一些前端的視訊教程。

看視訊要做兩件事：其一是弄懂視訊裡所講的每一個知識點，一遇到含糊不清的問題，直接記錄下來。其二是用思維導圖記錄要點，不然你下次再看教學視訊就得從頭再來，整條視訊播放。

三、視訊課程推薦

在這裡不得不提到慕課網的前端視訊課程。就拿HTML+CSS基礎視訊課程來說，採用了通俗易懂的方式講解了理論。視訊課程主要濃縮了前端開發的一些重點以及一些核心的概念，我們直接去透徹理解並掌握核心概念，就相當於走了捷徑。

四、談談面試那些問題

前端的學習經驗大致就這些，由於基本功比較紮實，大學的導師讓我跟他做一些專案，所以前端開發也積累了一些專案經驗，一畢業也順利拿到了offer。

而關於前端開發的面試，面試官主要會問很多技術細節，前端開發基礎的問題。個人在沒有拿到offer前，比較經常看w3cschool app名企的面試題(阿里巴巴、百度、騰訊、小米)，因為還是需要了解一些面試的間接經驗。

開原始碼也需要了解一些，不然面試官問你看過哪些程式碼你一臉茫然，這就很尷尬了!至於從哪裡看開原始碼，比較常用的是github。

最後，總結一下前端開發的學習經驗：

1、以生活中的類比來學習程式設計

2、儘可能選擇老牌的程式設計網站，第一次就學對;

3、有趣化的程式設計，玩w3cschool app微課;

4、可以通過慕課網、極客學院等通過視訊補充學習;

5、準備面試前，多刷一些名企面試題，積累面試經驗。

w3cschool app有需要下載的請前往蘋果商店、各大安卓手機應用商城下載安裝。