第零步:基礎語法
在學習 Vue 之前,首先你需要掌握 Html CSS JavaScript 的基礎語法。
第一步:Hello World
完成一個 hello world 似乎已經成為學習編程的傳統。
可以參考angular文檔中的快速起步完成一個Hello World
第二步:npm
npm 是一個讓 JavaScript 程序員分享和復用代碼的工具。 有了它,JS程序員能高效地管理和發布自己要分享的代碼。
我們接下來會經常使用到 npm,為了提高 npm 在國內的下載速度,可以選擇 cnpm 進行代替。
npm install -g cnpm安裝成功后,以后可以使用 cnpm 代替 npm 命令。
第三步:Angular 基礎
請直接參考官方文檔完成開發指南
第四步:做個小項目
請完成 angular 網站中的英雄指南教程
第五步:RxJS
因為 angular 綁定了 RxJS,所以我們要進一步學習它,主要是學習其中的編程思想。推薦文章讓我們一起來學習 RxJS
第六步:ngRx/store
構建復雜的 Angular 應用(復雜的交互和數據),需要使用 ngRx/store 維護更多的狀態。參考文檔:
第七步:項目實戰
最好的學習方法就是實戰,在做項目時,遇到問題并解決問題,不斷的補充新的知識。
如果你沒有項目在開發的話。此時推薦你找到一個開源項目,并為它增加一個新的頁面與功能。
附錄
在上面的步驟中,為了降低學習難度,是隱藏了一部分知識細節的。
要想成為一名初級前端工程師,你應該還需要認真學習這些內容:Webpack,ES6/7,Fetch 等等。
進階
在已經初步學習了如何使用 angular 開發應用后,這里有更多的內容提升自己:
服務端渲染
前端性能分析
前端測試框架
單元測試
代碼優化與壓縮
代碼分割與延遲加載
自己實現 router
自己實現一個 MVVM 框架
node js
等等