2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事

2018年12月7日，我在B站注册了会员，当天下午发布了第一次个视频，从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。

之后，我保持着每两到三天发布一套视频的更新频率，也是希望通过这种公开自己学习过程的方式来督促自己不断学习。

到发文的这一刻，正好过去40天。回头看这短短的40天，在B站总共发布了226个视频、4篇专题文章，收获了230个粉丝和5K播放量。

www.bilibili.com/video/av399…

点开上面的链接,进一步了解山地人

现在的前端各种框架技术层出不穷，无论是对于想进入这个领域的门外汉还是已经进入到职场的新人。都会被这样那样的技术搞得晕头转向。虽然网上的各种资料非常多，但是也非常庞杂。所以，既然我要自学，那不如用公开自学路线的方式，说不定还能帮助到其他有同样自学想法的朋友。所以就有了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天的全部自学产出，当然我的自学过程，主要依赖于对各类官网文档的学习，目前所有的视频，也大多是以带着大家边看官方文档，边手写代码的方式进行。我想，既然是学习如果能够全部从第一首的资料开始学习，应该是最直接的方式。

上面这些都是到目前我都做了些啥，那接下来再来谈谈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底层

【前端-开源库】

• 学习 目前主流的常用开源库

【前端-源码分析】

• 分析主流开源框架、库等

如果你也在自学前端，如果在前端学习的过程中遇到了坎，不管是学习过程中遇到什么问题，或者有什么好的意见和建议想和我交流，欢迎你在文章底部留言，或者添加我的微信。

当然我也为你准备了一个微信——前端自学交流群，欢迎你加入我们自学交流小组。