web前端開發是很多小伙伴入門首選的編程語言，相較于其他編程語言來說，前端效果會比較直觀，目前可以實現的效果也非常多，應用領域也是十分的廣闊，那么如果一個普通人想要學前端需要多久的時間呢？應該如何學習才更好一些呢？

      相信很多人入坑前端，除了高薪就是簡單好學了，很多人在簡單的學習了HTML/CSS之后，覺得哇哦，這么簡單，于是繼續向下繼續學，就到了JavaScript，最后發現js的路很長，可能自己才邁出了第1步，甚至有的會覺得現在自己的腦子不夠用了，然后就開始質疑自己是不是真的不適合學習前端，前端太難了，我都學了這么久了還沒有學會，最后就在自我的否定中放棄了。

      如果你現在正在放棄的邊緣掙扎，或者你正要打算入門學習前端，我希望你能靜下來看看這篇文章，并且堅持一段時間執行它，希望能給你帶來一些幫助，這套方法已經經過2000多人使用并且后期效果杠杠的，前提你得聽我的，聽話的孩子運氣不會差。

      第1步，學前預習，時長1個小時，分為3次預習，這步需要你拿到即將要學習的這塊內容的預習資料，ppt也好，代碼也好，首次預習，時間10分鐘左右，快速的預覽一下大致會講點什么內容，同時把這10分鐘能看懂的單獨標注一下，例如標注為綠色，這步的目的是先知道你要學什么做到心中有數；再次預習，時間20分鐘左右，細看相關資料，過程中把看不懂的知識點、單詞標注一下，比如標注為紅色，這步的目的是要明確自己一會學習的重點是什么，有重點，帶著目的去學習，會事半功倍，最后一次預習，時長30分鐘，把自己前2次看懂和看不懂的東西，自己用相關編輯器操作一下，比如標注為黃色，這步的目的是進一步明確自己要聽的實操部分操作上的細節點。總之這1個小時的預習，你要明確，學的都有哪些，哪些是自己重點去聽的，哪些是操作上要細細的去看的，時間可能對于你來說有些長，但是在這個過程里面，你會慢慢建立起自學的意識，同時也提高學習的效率，畢竟有準備有目的的去做一件事情成功的概率會更高一些，你覺得呢？

      第2步，學習中，學習前的預習已經讓你有目標的去學習，去吸收知識點了，學習中的你需要做到的就是認真聽，做好筆記，有疑問的地方立即提問并解決掉，有想法的多溝通，不要自己去琢磨，尤其當你還是一個小白的時候，除了耗費更多的時間，沒有任何意義。如果你是看視頻自學的話，一定要添加對應老師的QQ，不要想著多看幾遍視頻吸收一下，還是那句話除了消耗更多的時間之外，還會拖垮你的耐心，溝通能解決的事情，為什么非要自己去研究呢，站在巨人的肩膀上成功不香嗎？尤其這個巨人可能就在你的身邊，你說呢？

      第3步，學習后，用思維導圖軟件整理自己剛學的內容，不要問我為什么用思維導圖，你看下面的對比圖，你就知道了。整理的過程，我希望你可以先自己憑借記憶整理已經知道的，之后再對照著課上的筆記或者代碼去整理沒有記住的，這也就很清晰的分析出來了，哪些是已經掌握了的，哪些是你還需要多多加深鞏固的，這樣就可以在后期的作業中多去練習自己還不熟悉的部分，在這里我希望重點說一下，作業是鞏固和加深當天知識點的，不是為了讓你通過作業來學習新的技術的，在IT培訓行業這么久，我見過太多的學生想要通過作業來學會還沒有聽懂的知識點，你也可能會覺得沒有問題，但是你沒有想過，作業做完你知識點是會了，但是你有沒有想過，你是邊學邊做作業的，最后是學會了也做完了，但是你做完的學會的也只是這個案例展示給你的知識點，其他的呢？你真的也會了？

      最后，還是希望看這篇文章的你能明白一件事情，那就是學習，任何時候絕對不是嘴上說說而已，更不是一蹴而就的，你看到的那些高薪背后，都是有你看不到的熬夜努力堆積而來的。

      想要學習web前端的同學，可以參考千鋒web前端培訓班提供的web前端學習路線，該學習路線對從零基礎小白到web前端初級開發工程師，web前端高級開發工程師，后面的web前端大神級開發工程師都有一個明確清晰的指導，根據千鋒web前端培訓機構提供的web前端學習路線圖可以讓你對學習web前端開發需要掌握的知識有個清晰的了解，并快速入門web前端開發。想要獲取前端完整學習路線和免費的學習資料可以添加我們的web前端技術分享交流qq群：857920838  加群找群管理領取即可，等你來哦~~