2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事

山地人發表於2019-01-16

山地人 2019年的前端自學計劃

2018年12月7日，我在B站註冊了會員，當天下午釋出了第一次個視訊，從這一天開始我正式成為了Up主。同時我也開啟了我的前端自學之路。

之後，我保持著每兩到三天釋出一套視訊的更新頻率，也是希望通過這種公開自己學習過程的方式來督促自己不斷學習。

到發文的這一刻，正好過去40天。回頭看這短短的40天，在B站總共釋出了226個視訊、4篇專題文章，收穫了230個粉絲和5K播放量。

2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事

https://www.bilibili.com/video/av39947410
點開上面的連結,進一步瞭解山地人

現在的前端各種框架技術層出不窮，無論是對於想進入這個領域的門外漢還是已經進入到職場的新人。都會被這樣那樣的技術搞得暈頭轉向。雖然網上的各種資料非常多，但是也非常龐雜。所以，既然我要自學，那不如用公開自學路線的方式，說不定還能幫助到其他有同樣自學想法的朋友。所以就有了B站上的這個叫山地人的傢伙。

這226個視訊裡都有些啥？

Vue系列

【跟山地人自學Vue.js系列教程】全38集前往B站觀看

【跟山地人自學Vuex系列教程】全17集前往B站觀看

【跟山地人自學Vue Router系列教程】全14集前往B站觀看

【跟山地人自學Vue CLI 3系列教程】全11集前往B站觀看

【跟山地人實戰Vue】手寫一個前端搜尋網站全8集前往B站觀看

React系列

【跟山地自學React入門系列教程】全16集前往B站觀看

【跟山地自學React進階系列教程】全20集前往B站觀看

Angular系列

【跟山地人自學Angular系列教程】22集（還在更新中...）前往B站觀看

工程打包系列

【跟山地人自學Webpack系列教程】全11集前往B站觀看

【跟山地人自學Gulp系列教程】全14集前往B站觀看

語言系列

【跟山地人自學Babel系列教程】全18集前往B站觀看

【跟山地人自學TypeScript系列教程】全31集前往B站觀看

CSS系列

【跟山地人自學Sass系列教程】全12集前往B站觀看

以上就是這40天的全部自學產出，當然我的自學過程，主要依賴於對各類官網文件的學習，目前所有的視訊，也大多是以帶著大家邊看官方文件，邊手寫程式碼的方式進行。我想，既然是學習如果能夠全部從第一首的資料開始學習，應該是最直接的方式。

如果你也在自學前端，如果在前端學習的過程中遇到了坎，不管是學習過程中遇到什麼問題，或者有什麼好的意見和建議想和我交流，歡迎你在文章底部留言，或者新增我的微信。

當然我也為你準備了一個微信——前端自學交流群，歡迎你加入我們自學交流小組。（一群已過350人，想進一群的小夥伴可以加我微信:colin3dmax）

注意：加我的小夥伴請告訴我你來自掘金，是否要加入到前端自學交流群

如果你在學習或者工作過程中遇到什麼技術問題，或者有什麼好的意見或者建議，歡迎和我交流

微信:colin3dmax（請備註：你來自掘金 | 是否要加入前端自學交流群）

上面這些都是到目前我都做了些啥，那接下來再來談談2019年我的前端自學計劃。

下面是我的一些設定目標，接下來的這一年我會繼續延續之前40天的方式，堅持每天投入學習並記錄自己的學習過程，產出每個專題的視訊，更新。

【前端-基礎層】

CSS相關

CSS2/CSS3 學習材料：MDN
CSS預處理：less,sass,stylus
CSS編譯：postcss
CSS工程化：理解主流的CSS工程化思想

JS相關

JavaScript 語言基礎的深入： MDN + ECMA262規範的學習
ES6+ 系統性整理

JS設計模式

常見的設計模式
JS中設計模式的應用

演算法

常見演算法
JS中的實現

【前端-框架層】

掌握主流的框架:React,Vue,Angular
掌握主流框架的支援庫：
React體系：React Router，Redux，Mobx等
Vue體系：Vuex，Vue Router，Vue CLI
Angular體系：TypeScript，RxJS
Bootstrap體系

【前端-工程化】

主流的工程化技術
js工程化的主流思想
webpack，gulp，browserify

日常程式碼的維護

git的相關使用

【Node端】

主流Node端框架學習，express，koa等
Node原生API系統性學習
Node底層

【前端-開源庫】

學習目前主流的常用開源庫

【前端-原始碼分析】

分析主流開源框架、庫等