山地人 2019年的前端自学计划

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天的全部自学产出，当然我的自学过程，主要依赖于对各类官网文档的学习，目前所有的视频，也大多是以带着大家边看官方文档，边手写代码的方式进行。我想，既然是学习如果能够全部从第一首的资料开始学习，应该是最直接的方式。

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

当然我也为你准备了一个微信——前端自学交流群，欢迎你加入我们自学交流小组。（一群已过350人，想进一群的小伙伴可以加我微信:colin3dmax）

注意：加我的小伙伴请告诉我你来自掘金，是否要加入到前端自学交流群

如果你在学习或者工作过程中遇到什么技术问题，或者有什么好的意见或者建议，欢迎和我交流

微信: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底层

【前端-开源库】

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

【前端-源码分析】

分析主流开源框架、库等