B站Up主-山地人-这位老哥2019年的前端自学计划进展如何？——讲一个B站Up主自学前端85天的故事...

╰半夏微凉° 2022-03-14 12:34 215阅读 0赞

## 前言 ##

自从上次在掘金发布[【2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事】][2019_B_UP_40] 以来，一眨眼山地人老哥在B站做Up主已经有85天了。

时隔一个半月，这位山地人老哥现在究竟咋样了呢？他的2019年的前端自学计划目前进展的又如何了呢？

你是否和我一样好奇，那么接下来让我们一起去看看这位山地人老哥最近这45天又干了些啥吧。

## 不好推辞的RequireJS专题 ##

上次发文后没隔几天，我们微信上的前端自学交流1群里的一位小伙伴私信我说看了一些我的视频，觉得对他帮助挺大，希望我能出一期RequireJS的专题，说他们学校要用RequireJS，但是讲这块的资料比较少，希望我能帮帮他。

本来是没有RequireJS的计划的，因为RequireJS属于较早期的模块化方案，但是被他的诚意所打动。也许还是有很多项目会用RequireJS，所以在1月19号到20号花了2天时间，查阅了RequireJS官网和RequireJS的源码，出了下面这套5集得RequireJS教程。

我把它归在了模块化工程构建的类别下。

> [去B站瞅瞅][B]

## 跟山地人聊前端-你问我答专题的由来 ##

上次发文前记得老哥的微信前端交流群才几十人，现在已经涨到了三百多人，可见渴望自学前端的小伙伴还是很多的。但是人多了随之而来问题也就增多了。每天山地人要花不少精力帮小伙伴们解决各种编程过程中遇到的问题，但是有些问题问的人比较多，重复的回答只能解决个别人的问题，所以就有了这个做成专题的想法。这个专题会收集大家常见的问题，然后做成对应的视频来解决山地人觉得有价值的常见问题。目前虽然这个专题里只有四个视频，但是相信随着时间的推移，人数的增多，这个专题的价值会慢慢显现。

> [去B站瞅瞅][B 1]

## 跟山地人学React Router系列——欠下的债是要还的 ##

前端很散技术框架很多，当然山地人还是想做前端系统化的工作。当然对于前端知识体系要做系统化的整理，这个工作量尤其对于一个个人来说是很困难的一件事件。但是山地人相信再难的事只要坚持下去一定会越来越简单，山地人相信很多事情放到一个很长的事件维度下去看，就会变得简单。之前的计划是Vue,React,Angular三大框架都要学习都要讲。那么React光讲一个React.js肯定是不够的，所以这个系列就是在还React框架的债。其实还没有全部还完，还剩一个负责数据流管理的Redux没有讲。这个先记账，以后会还的（(*^\_\_^*) 嘻嘻……）。

[去B站瞅瞅][B 2]

## 老被问到的问题——为啥你出了两套JavaScript教程 ##

出JavaScript的专题是因为自学群里的群友有不少觉得自己的JavaScript学的不好，想要有一套系统的讲解JavaScript的教程帮助提高，然后就有了做JavaScript的专题教程的想法。讲语言我还是第一次，首先遇到的就是选择教程的问题。当时有几个可以选择的教程，《JavaScript高级编程》、《JavaScript权威指南》和MDN上的JavaScript。最终选择了MDN，原因是MDN是在线的更新及时，而且MDN的权威性也足够，另外我想让小伙伴通过学这套MDN上的教材，养成遇到问题查一手资料MDN的习惯。

回到开头，为啥出了两套JavaScript教程？主要是MDN的编排，有一个JavaScript的快速入门专题和一个JavaScript指南部分。快速入门里带你快速的认识JavaScript能做啥，当然因为是快速浏览的思路所以讲的不是特别细。而JavaScript指南呢，是比较系统的讲解JavaScript的各个知识点。所以两套教程并不冲突，一套适合你快速浏览JavaScript，让你现有一个大致的概念印象。另一套则是详细的给你讲解JavaScript里的知识点，详细系统。

*  跟山地人学JavaScript快速入门
 *  跟山地人学JavaScript指南

[去B站瞅瞅][B 3]

[去B站瞅瞅][B 4]

### 文章阅读过半——中途休息5分钟——下面还有精彩的故事哦 ###

> 微信:colin3dmax（ 请备注：你来自掘金 | 是否要加入前端自学交流群 ）

### 快上车拉——小火车前往终点站——继续往下阅读 ###

## 开启前端的后端之路——Koa ##

现在不少招聘前端岗位的公司，会要求前端也懂一些后端的语言。比如我们熟知的阿里的前端，就会用很多node做一些连接后台API的中间层。所以这个node体系里的一些框架包括node也是山地人2019年自学计划的一部分。2月底，山地人老哥开启了Koa的两个专题。

当然一个是应用层面，讲解Koa的常规使用。当然思路还是沿用的解读官网文档的方式。如果你看过很多期跟山地人学XXXX的系列教程，就会明白山地人会带着你过各种技术的官网文档。至于为什么要这么做。主要是山地人觉得官网的更新速度和权威性和整体性是其他大多数资料所比不了的。与其花时间去找第三方的资料，不如直接来从官网文档入手，及早培养阅读各类技术官网文档的习惯，这一点也不吃亏。当然对于新手或者没有太多接触过官网文档的小伙伴可能自己阅读官网文档会比较吃力。

所以山地人老哥带着你一起过文档，我们一同学习进步(*^\_\_^*) 嘻嘻……。

这次的Koa专题，山地人出了两个专题

*  跟山地人学Koa系列教程
 *  跟山地人一起阅读Koa源码

[去B站瞅瞅][B 5]

[去B站瞅瞅][B 6]

当然前一套是使用层面的一共17集，后一套跟山地人一起阅读Koa源码是属于进阶课程，一个7集。至于为何会出一套Koa源码的教程，原因是我在做Koa第一套教程的时候，看官网的文档发现文档的示例和讲解都比较少，然后在视频录制过程中，顺手翻了下文档。发现Koa的主源码部分就四个js文件。而且写的也非常干净，挺好阅读的。所以就顺带除了这套Koa源码的解读教程。如果你没有阅读过源码，Koa作为你阅读的第一套开源代码是个不错的选择。

## 一个巨大的工程——跟山地人一起分析element源码 ##

这个系列是上面所有专题中工作量最大的一个专题。对于一个个人要想分析完一整套element源码里的每一个组件，并且自己实现一套功能跟element里组件功能一致的UI库，这工作量可想而知。

这个专题在过年前就开始了制作，到目前一共出了六十多个视频。分析了element里的Layout布局组件、Cotainer容器组件、Icon原理、Button按钮组件、Radio单选框组件、CheckBox多选框组件、Input输入框组件和InputNumber计数器组件。每个组件的分析思路，都是从官网组件的使用文档的阅读，到自己大多数情况下不看源码直接实现对应的组件的各个功能特性，最后再阅读element源码比对自己的封装和element源码的封装思路。每个组件都是这样一点点做过去的。

当然，因为工程量和后面部分组件的封装难度的增加。所以这个专题后续会慢慢处，所以这是一个长期的专题。

[去B站瞅瞅][B 7]

## 这45天的时间,除了做专题山地人还干了啥？ ##

### idev365的诞生 ###

[www.idev365.com/][www.idev365.com]

山地人打算把做过的这些视频专题，在idev365上做聚集。方便自学的小伙伴能够快速的找到对应的专题。当然这个网站现在还只是一个毛培，后面还会持续给网站添加新的功能。

## 后续计划 ##

上面就是山地人从2019年1月16日到3月2日，这最近的45天里所做的全部事情。

当然这85天的B站Up主，对于山地人来说也才是刚刚开始。山地人会长期专注在前端领域，通过自学的形式，记录自己的前端学习足迹，并用这种公开学习的方式来督促自己的学习，同时山地人也希望自己所做的这点事能够给同样怀着自学前端想法的同学带来一些帮助。

2019年的前端自学计划是一个漫长的计划，当然我会每隔一段时间向你讲述一段关于这位B站Up主——山地人的故事。

> 另外附上山地人的2019年学习计划Timeline [前往GitHub一探究竟][GitHub]

> 如果你和我一样，也都一直在自学前端，如果自学的过程中遇到了坎，不管是学习过程中遇到什么问题，或者有什么好的意见和建议想和我交流，欢迎你在文章底部留言、加我微信或者加入我们的微信前端自学交流组，期待在自学小组与你相遇！

> 这里我为你准备了微信——前端自学交流群，欢迎你加入我们一起学习。（一群快满，想入群的小伙伴可以加我微信:colin3dmax）

> 山地人微信:colin3dmax（ 请备注：你来自掘金 | 是否要加入前端自学交流群 ）

*  [2019年山地人的前端完整自学计划——讲一个B站UP主山地人的40天前端自学故事][2019_B_UP_40]
 *  [想学前端，JavaScript基础不好，学习又无从下手，山地人用权威的MDN手把手带你夯实JS基础][JavaScript_MDN_JS]
 *  [B站Up主-山地人-这位老哥2019年的前端自学计划进展如何？——讲一个B站Up主自学前端85天的故事][B_Up_-_-_2019_B_Up_85]

[2019_B_UP_40]: https://juejin.im/post/5c3e927a518825255d29772e
[B]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml313977804
[B 1]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml314098604
[B 2]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml314696804
[B 3]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml315136604
[B 4]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml317539304
[B 5]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml331458204
[B 6]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml334226604
[B 7]: https://link.juejin.im?target=https%3A%2F%2Fwww.bilibili.com%2Fmedialist%2Fplay%2Fml333106404
[www.idev365.com]: https://link.juejin.im?target=https%3A%2F%2Fwww.idev365.com%2F
[GitHub]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2Fcolin3dmax%2Fidev365_static
[JavaScript_MDN_JS]: https://juejin.im/post/5c4d9370518825637f0d69d4
[B_Up_-_-_2019_B_Up_85]: https://juejin.im/post/5c79cc7df265da2db4143e3e