很多同學(xué)想學(xué)習(xí)WEB前端開發(fā)，不過面對大量的前端學(xué)習(xí)資料(視頻教程、網(wǎng)上教程、書籍)等，不知道從何處下手。

作為一個多年從事前端開發(fā)的程序員，為了讓新手程序員少走點彎路，這里就分享騰訊前端大?？焖賹W(xué)習(xí)前端開發(fā)的經(jīng)驗：

一、前端學(xué)習(xí)思路

前端學(xué)習(xí)存在一個普遍的問題：感覺編程語言死氣沉沉，代碼枯燥乏味，很多人覺得學(xué)不下去，或者認為不好學(xué)。出現(xiàn)這樣的情況，無非是學(xué)習(xí)編程的思路不對頭!

首先來談?wù)勄岸藢W(xué)習(xí)的思路。個人看來，前端的學(xué)習(xí)如果思路不對，你學(xué)習(xí)的過程會非常掙扎和痛苦，最后發(fā)現(xiàn)到頭來學(xué)得一頭霧水。

我的經(jīng)驗是，帶著目的和解決問題的心態(tài)，以生活中的類比來學(xué)習(xí)編程，就非常有趣，也會變的不難。

前端學(xué)習(xí)大體分三個部分：html、css、javascript。首先應(yīng)當(dāng)用生活的類比熟悉這些概念。

比如學(xué)習(xí)html，你可以把它當(dāng)做設(shè)計這房子的整體結(jié)構(gòu)。頭部(head)，中部(body)，底部(foot)就像是房子的屋頂，房間，地基。

學(xué)習(xí)css，就像是給房子做裝修，墻壁刷成什么顏色，選擇什么樣的瓷磚裝飾房間。

學(xué)習(xí)javascript，你可以把他當(dāng)成是各種互動的開關(guān)控制，比如按某個按鈕，可以控制電視開關(guān)換臺，或者控制燈光。

二、有趣化的編程體驗

對于一名前端開發(fā)的初學(xué)者而言，有趣的編程學(xué)習(xí)方式會讓你更快掌握前端開發(fā)。因為有趣的方式意味著樂此不疲地學(xué)習(xí)。

入門階段，我所使用的前端開發(fā)編程教程都是用w3cschool網(wǎng)站https://www./。這主要也是我大學(xué)的計算機老師推薦的，因為w3cschool比較老牌，官方，注重實戰(zhàn)，上面的課程非常適用于初學(xué)者。

在w3cschool網(wǎng)站上，除了有比較詳細的講解之外，還有大量的實例實戰(zhàn)。

我的方法是，采用循序漸進的方式，比如對于“創(chuàng)建一個畫布(Canvas)”，我會按照w3cschool官方網(wǎng)站提供的實例，將代碼從頭到尾敲一遍。因為編程最重要的就是動手能力!

前期為了入門，我主要還是學(xué)習(xí)了w3cschool網(wǎng)站上html、css、javascript這三套基礎(chǔ)教程(現(xiàn)在在學(xué)進階教程)，在這里要說明一點，一個問題沒有弄懂不要跳著學(xué)下面的東西，不然你后面要填很多坑。

前期最主要還是循序漸進，將代碼都過一遍，當(dāng)你打下堅實的基礎(chǔ)，對后面的面試也很有幫助。

當(dāng)然，代碼有時候敲累了，我玩玩w3cschool app前端的微課。微課采用了邊學(xué)邊練的模式，類似于游戲化闖關(guān)的模式，我只是把它當(dāng)做游戲來玩，不停地刷副本。

個人比較喜歡上面的積分獎勵，因為w3cschool官方做了一個積分排行榜，這可以激勵我每天做大量的編程練習(xí)，查看積分排行榜是否出現(xiàn)我的名字。

另外，新手的前端程序員仍然需要積累一些感性經(jīng)驗，通過視聽覺來理解前端知識，所以建議可以使用慕課網(wǎng)看一些前端的視頻教程。

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

三、視頻課程推薦

在這里不得不提到慕課網(wǎng)的前端視頻課程。就拿HTML CSS基礎(chǔ)視頻課程來說，采用了通俗易懂的方式講解了理論。視頻課程主要濃縮了前端開發(fā)的一些重點以及一些核心的概念，我們直接去透徹理解并掌握核心概念，就相當(dāng)于走了捷徑。

四、談?wù)劽嬖嚹切﹩栴}

前端的學(xué)習(xí)經(jīng)驗大致就這些，由于基本功比較扎實，大學(xué)的導(dǎo)師讓我跟他做一些項目，所以前端開發(fā)也積累了一些項目經(jīng)驗，一畢業(yè)也順利拿到了offer。

而關(guān)于前端開發(fā)的面試，面試官主要會問很多技術(shù)細節(jié)，前端開發(fā)基礎(chǔ)的問題。個人在沒有拿到offer前，比較經(jīng)?？磜3cschool app名企的面試題(阿里巴巴、百度、騰訊、小米)，因為還是需要了解一些面試的間接經(jīng)驗。

開源代碼也需要了解一些，不然面試官問你看過哪些代碼你一臉茫然，這就很尷尬了!至于從哪里看開源代碼，比較常用的是github。

最后，總結(jié)一下前端開發(fā)的學(xué)習(xí)經(jīng)驗：

1、以生活中的類比來學(xué)習(xí)編程

2、盡可能選擇老牌的編程網(wǎng)站，第一次就學(xué)對;

3、有趣化的編程，玩w3cschool app微課;

4、可以通過慕課網(wǎng)、極客學(xué)院等通過視頻補充學(xué)習(xí);

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

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