我是如何自學前端的，應該如何入門

自從更新了《個人Web 前端自學之路》以後，收到了不少讀者的承認，也碰到了不少像我同樣從零開始自學的朋友，並加微信進行了一些交流，不少讀者都詢問我，該如何自學，有什麼好的建議。也有些人說感受很枯燥，看書看到懷疑人生，該怎麼作。

首先我也是個學習者，並非什麼技術大牛，我深知本身的技術能力是多少，可能經歷比大家多一點而已，另外每一個人自身基礎的條件，所處的環境都不同，我也沒法給每一個人具體的建議。

我不能在對你沒有任何瞭解的狀況下，給出一些不負責任的建議，你們都是成年人，應該懂得如何取捨。

今天就來講說個人自學方法，個人作法不必定適合每一個人，大家能夠參考借鑑。

1. 有目標

學習必定要有目標，目標不必定是很宏大的，其實目標能夠很簡單，好比：想拿高工資，想從事技術相關的工做，想有一技之長等等。

有目標就有動力，能夠促進你很好的去行動，也會指引你前行。我學前端的目標就很簡單，相對其餘行業來講收入還不錯，另一個就是崗位需求也不少。

因此若是你想判別到底該不應進入某個行業，你不妨從這四個方面去考慮：關鍵能力，崗位價值，晉升標準，職業前景，你們能夠多多思考。

2. 先了解熟悉

若是你有目標也決定去作，那剩下的就是好好行動，不少人可能不知道，我實際上是培訓出身（至於什麼機構，大家就別問了，容易讓人誤會我是打廣告），當時學的是 UI 設計，大多都是教PS、AI、ID等工具的使用，固然了還傳達一些設計的理念，哦對了，還有一段時間的手繪課程（我畫的奇醜...不是這塊料）。

不過其中有個模塊是網頁設計的課程，裏面大概有三五天的 HTML+CSS 的課程，具體的幾天已經記不清楚了。不過呢，不少學習設計的同窗對這個很不感興趣，也以爲這個很難，大多都放棄了。

我當時以爲這可能就是我可以找到工做的機會，由於別人都不肯意去學，因此我聽的很認真，以後本身又經過 W3School 上的一些入門教程，算是對 HTML+CSS 有了簡單的瞭解。有機會和大家說說個人一些編程故事，這裏就很少說了。

因此我建議開始入門的同窗不妨視頻+資料結合的方式去學習，如今不少在線教育學習平臺，爲了吸引用戶有不少的免費入門課程並且質量很高，好比慕課網。不像之前課程不多。

經過視頻課程有老師指導，而後在看一些資料進行強化一下，可能比你本身學習的更加有效理解起來更輕鬆一些。固然了也有人不喜歡看視頻就喜歡本身學，那就另當別論了。

有不少從零開始入門的同窗，上來就開始看文檔，看的很是煩躁，不少東西也沒聽過，沒見過，很差理解，看了一邊以後又記不住，其實不是你記不住，我也記不住，沒人能記住，你須要掌握方法，前期只要你能瞭解，熟悉就行。好比你能知道畫個邊框背景色的矩形，要用到border，background 這些屬性這就好了，至於不會寫你能夠再去查文檔，多寫幾回天然就能記住。

3. 邊作邊學

在瞭解和熟悉以後，你就能夠嘗試去作一個東西了，好比本身喜歡個某個網站去模仿下，找一個本身感受比較好的設計圖本身實現一下。爲何要邊作邊學？我認爲有兩點好處。

第一：在作項目的過程當中會遇到不少問題，你須要去主動檢索而後解決，這種檢索記憶的方式是比較高效的，不信你想一想是否是當你遇到一些困難時，而後找到了解決辦法，這個辦法你會記好久。

第二：當你解決問題以後會很是的有成就感，而後經過這種刺激你又會不斷的學習，另外經過解決問題的方式去學習是很是有趣的，由於它能實實在在的作出東西，而不是面對一推枯燥的代碼，很反感。

因此當你瞭解熟悉以後，不妨試試邊作邊學，它會給你帶來快樂和動力，我在剛接觸 HTML+CSS 的時候就找了兩個比較喜歡的網站去模仿，天天晚上都寫到很晚，有一段時間都是2，3點才睡，次日又起來上課，其實不是我努力，而是我忘記了睡覺。

由於當在想着如何解決問題的時候，你會很專一。包括如今也是，在一個功能未實現以前我啥都不想作，就想一我的靜靜的寫代碼，想思路。

剛好也正是由於這兩個網站，我有了第一份初級的工做，別人有設計做品，而我有設計還能用代碼實現出來，因此咱們兩個同時去面試卻選擇了我，這就是優點。因而我就開始了我第一份網頁設計的工做，也爲後面轉前端作了鋪墊，感受本身很是的幸運。

以上都是我本身的一些學習方法，但願對大家可以有借鑑價值，不只我剛開始入門是如此，包括後來的JavaScript，Angular，Vue等知識都是這種方式去學習。

最後，一個小小的建議吧，我常常在知乎上看看有人提問說本身自學xxx，xxx，xxxx，xxx等等爲何很差找工做，貌似他什麼都會，但是你拿什麼證實你會？因此要拿出做品說話，並且你要善於利用互聯網，把做品放到網上，這樣可讓別人隨時看到，只要你有實力，還怕找不到工做嗎？

歡迎你們一塊兒交流，最後做者碼字不容易，並且建議良心，真誠，別忘了點贊哦。

掃碼關注微信公衆號：六小登登，領取我一路走來的全套開發資源。