第一階段是Html和CSS，修真院強烈推薦一開始就要做響應式和自适應。不算太難。

這裡主要是标簽，屬性，盒子模型，定位，浮動，垂直居中等，沒什麼太難的。

第二階段是Bootstrap和Less，Bootstrap做為一個響應式的框架，對于初學者來說，更重要的是理解複用的概念，Less和Sass二選一，幫助你更好的理解抽象和複用。

這裡更重要的觀點就是去思考，如果說讓我來把常見的布局抽象成框架，我該怎麼做？

穿插在這兩個階段始終的有兩點。一個是拿到UI圖後，怎麼快速在腦袋裡畫出局的方案，一個是做完之後，怎麼保證百分百還原UI圖。

第一個是熟練度的問題，也是為後續學習打下結實的基礎，動手做事之前，先有方案。

第三階段的學習主要就是Dom操作和事件處理，有了CSS的基礎，那麼第一個問題就是，怎麼用代碼去改變這些Dom節點的屬性，以及怎麼獲取呢？這就是Dom，這裡面會有一個概念要分清，原生和JQuery，推薦直接用JQuery，節省時間，沒什麼本質的差别，JQuery就是覺得原生不好用，所以才封裝了一層而已，如果理解好了Bootstrap和Less，可以用Bootstrap的一些封裝好的類，如Btn和Button的對比這些來理解Jquery和原生，但不要糾結。

Dom節點的操作是要舉一反三，沒必要把所有的Dom節點的操作都學會。

跟着就是去理解事件的概念，最簡單的就是Click事件，怎麼監聽一個事件，怎麼在監聽一個事件之後做處理？JS裡有多少事件？同樣的不需要全部都試一遍。

這兒要注意的小細節就是記死，ID是給JS用的，Class是給CSS用的。

第四階段的學習就是關于業務邏輯的編寫，很多人在這一步會比較蒙逼，原因就是無法把業務邏輯轉換成JS代碼，修真院裡選用的是殺人遊戲，其實也很簡單，這個時候學會畫流程圖是一件好事，順序，選擇，循環 用這三種去梳理要做的事情，或者是直接寫僞代碼，我記得付老師在洗髓換骨營講過這個，很簡單，不到一小時的課，可以練習一下。

當然還是要弄明白，怎麼從大往下了拆解。

這個時候要着重培養一概念，就是分層，内聚，解藕。

這是編程思想中的一點，很多初學者在這裡，好不容易把代碼寫出來，但是代碼像一堆屎一樣，更關鍵的是不知道自己的代碼寫的渣~

這也是為什麼修真院需要對所有的來學習的人都一對一，每天審核日報和審核任務的原因，不然你自己錯了都不知道怎麼錯的。

第五階段的學習就頁面的參數傳遞，本地存儲的讀寫，以及和後台數據的交互，這三個都不算太難，但也是有自己的坑，這是的難度已經升到了20，特别是和後台數據交互，首先要理解Ajax，其次要理解什麼是跨域，再次要理解什麼是接口，最後弄明白什麼是http,什麼是參數，什麼是返回值，什麼是header，什麼是三次握手等等。

這其中對于一些基礎知識有要求了，對你的編程能力也有要求，同時跟之前寫CSS一樣，要求你拿到原型圖，就能訓練出來判斷當前頁面有幾個接口，第一個接口的參數大概是什麼，數據拿到之後怎麼在頁面展示，以及需要獲取用戶哪些數據的能力。

第六階段的學習是一個比較大的飛躍，修真院直接選取AngularJS，不要說學習曲線啦~沒太大的差别，在這方面，修真院要有經驗的多，幾百個零基礎的人都可以直接學會Angular。學會之後，對于Vue和React基本上用慫了~這裡的難度直接升到了50.

AnguarJS要學的話，之前是否打好了内聚，分層，複用的概念就特别重要了。第一要明白，為什麼要有AngularJS，是想解決什麼問題。其次就是很簡單的事了，先理解Controller，再理解雙向綁定，再理解Filter，再理解Service，再去理解Directive，這個順序就差不多了。第七階段學習難度算是正常，基本上就是UI-Router，Bower，Webpack，Gulp，GruntJS等各種各樣的打包，包管理，路由等工具了，用到哪個學哪個。這裡的難度算是60.

但是這裡其實還有很多隐藏的東西要學習，主要就是行業相關，比如說支付，電商等行業知識，另外就是一些SDK和API的使用，如地圖，圖片，微信，小程序等。

所以整理來說，修真院更願意把這些東西都融合在一起，在了解這些行業知識的同時去學習這些技能。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!