【非科班告訴你】前端自學從小白到入門

先明確一個概念什麼纔算入門？個人定位是能找到一份前端工做才叫入門。接下來我制定了一個自學前端的學習路徑，避免一些自學的朋友走彎路，大概能在4個月左右從小白到入門，若是你有基礎更好了。

第一階段，牛刀小試（2周左右）

都知道要學html，css，我說一下要掌握的核心點。

標籤：p，div，a，span，img，input，link，script，ul，li。其它的大概過一遍，有個印象就能夠了。這幾個標籤能解決你工做95%以上的須要。

理解塊元素/行類元素，文本流，盒子模型概念。

css重點掌握選擇器，選擇器層級，浮動，清除浮動，定位，僞類，僞元素，背景，字體，顏色，寬高，margin，padding的設置。

基本的概念搞定後，就能夠仿造一些知名網站寫靜態demo，如美團，優酷，大概寫兩個首頁，就能夠進入第二階段了。

或許到這裏，你已經小有成就感，那就繼續加油吧！

第二階段，初入江湖（2周左右）

這一階段是最爲重要的階段，前端重頭戲JavaScript，決定你放不放棄自學，大部分同窗在這個階段就退縮了。

• dom部分：dom選擇器，className，style，屬性操做。

• es部分：註釋，定義變量，數據類型（基本類型和引用類型），運算符，流程控制，函數，內置函數。

這個階段若是你能學會斷點調試就會輕鬆不少。

基礎掌握後，你能夠寫個輪播，或者作個小遊戲貪吃蛇。

切記，切記，切記不要太在乎一些花裏花哨的東西，更多注重程序的邏輯。

建議買本犀牛書打基礎。

第三階段，小露鋒芒（1周左右）

這個階段比較輕鬆，jquery + bootstrap，不要刻意去背裏面的東西，作的時候查文檔就能夠了。用這兩個庫配合仿寫幾個頁面，或者本身寫幾個頁面。

這時候你可能已經體會到庫給咱們帶來的方便了，不再想用原生js了，但我要告訴你，少年你的想法很危險，重點仍是要放在原生js，框架都是浮雲。

第四階段，漸入佳境（3周左右）

這個階段主要是學習前端的數據交互，可能你很難受，又想放棄了。

咱們須要服務器來提供數據才能真正感覺到，這時候Node登場，首先學習express，具體怎麼搞，本身去學習，核心知識請求，響應，路由，中間件。

前端須要學習ajax，先理解原生的ajax，而後再使用jquery封裝好的ajax來請求數據，本身寫一些動態頁面，體會數據交互的過程。

理解跨域，http，jsonp的一些概念。

第五階段，勢不可擋（1周左右）

這個階段你可能也比較痛苦，挺過了你就漸漸比較舒服了。

深刻理解面向對象，閉包，this三座大山。

本身嘗試封裝一些插件，像以前寫的輪播。

第六階段，所向披靡（3天左右）

git，svn，建議你開通一個github帳號。

第七階段，爐火純青（6周）

這個階段學的好很差，關係到找工做了。

首先理解webpack，入口，出口，loader，plugin這些基礎概念要知道，不要求精通，大概知道什麼配置幹什麼的。

而後react、angular、vue裏選擇一個深刻學習，其餘瞭解一下就能夠了，建議選擇vue，上手快，文檔清晰，國內市場用的也比較多。先裝個vue-cli本身玩一下，而後照着文檔學習vue技術棧的東西

• 指令

• 方法

• 計算屬性

• 自定義組件

• 組件通信
  

• 理解響應式

• vuex

• element-ui

• axios
  

  
  

基礎過一遍後在github上找優秀項目學習，如vue2仿餓了麼，而後本身寫一些demo。

第八階段，登峯造極（2周）

這個階段主要針對移動端，css3，和一些h5的新標籤，重點關注移動端適配，媒體查詢，移動端佈局，flex。

第九階段，備戰江湖（1周）

準備面試，簡歷（項目經驗，不能少），前端面試題。

多投簡歷，多總結。

祝好運，但願想入坑前端的同窗，早日找到本身心儀的工做。

這篇文章只針對小白到入門，不涉及進階知識