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

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

---

2018年12月7日，我在B站註冊了會員，當天下午發佈了第一次個視頻，從這一天開始我正式成爲了Up主。同時我也開啓了個人前端自學之路。

以後，我保持着每兩到三天發佈一套視頻的更新頻率，也是但願經過這種公開本身學習過程的方式來督促本身不斷學習。

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

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底層

【前端-開源庫】

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

【前端-源碼分析】

• 分析主流開源框架、庫等

若是你也在自學前端，若是在前端學習的過程當中遇到了坎，不論是學習過程當中遇到什麼問題，或者有什麼好的意見和建議想和我交流，歡迎你在文章底部留言，或者添加個人微信。

固然我也爲你準備了一個微信——前端自學交流羣，歡迎你加入咱們自學交流小組。（一羣已過350人，想進一羣的小夥伴能夠加我微信:colin3dmax）

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

爲保證白天學習的效率，加我好友和想進羣的朋友，我會在中午12點和晚上7點兩個時段統一處理你們的請求。因此若是發現沒有當即迴應，請耐心等待一下。

想學習山地人的更多專題請到 www.idev365.com

• 前往 www.idev365.com

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

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

相關文章

• 2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事
• 想學前端，JavaScript基礎很差，學習又無從下手，山地人用權威的MDN手把手帶你夯實JS基礎
• B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何？——講一個B站Up主自學前端85天的故事