热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

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

前言

自从上次在掘金发布【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站Up主-山地人-这位老哥2019年的前端自学计划进展如何?——讲一个B站Up主自学前端85天的故事》

去B站瞅瞅

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

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

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

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

去B站瞅瞅

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

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

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

去B站瞅瞅

老被问到的问题——为啥你出了两套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站Up主-山地人-这位老哥2019年的前端自学计划进展如何?——讲一个B站Up主自学前端85天的故事》

去B站瞅瞅

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

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

微信:colin3dmax( 请备注:你来自思否 | 是否要加入前端自学交流群 )

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

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

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

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

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

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

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

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

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

去B站瞅瞅

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

去B站瞅瞅

当然前一套是使用层面的一共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站瞅瞅

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

idev365的诞生

https://www.idev365.com/

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

后续计划

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

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

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

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

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

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

山地人微信:colin3dmax( 请备注:你来自思否 | 是否要加入前端自学交流群 )

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


推荐阅读
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 智能消息服务数字短信使用FAQ
    本文介绍了智能消息服务数字短信的开通流程和操作步骤,包括开通数字短信的路径、申请流程、控制台操作以及API接口对接模式。同时还介绍了数字短信模板的创建规则和要求,包括审核状态的说明和建议。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • Java容器中的compareto方法排序原理解析
    本文从源码解析Java容器中的compareto方法的排序原理,讲解了在使用数组存储数据时的限制以及存储效率的问题。同时提到了Redis的五大数据结构和list、set等知识点,回忆了作者大学时代的Java学习经历。文章以作者做的思维导图作为目录,展示了整个讲解过程。 ... [详细]
  • 本文介绍了Hyperledger Fabric外部链码构建与运行的相关知识,包括在Hyperledger Fabric 2.0版本之前链码构建和运行的困难性,外部构建模式的实现原理以及外部构建和运行API的使用方法。通过本文的介绍,读者可以了解到如何利用外部构建和运行的方式来实现链码的构建和运行,并且不再受限于特定的语言和部署环境。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
  • 随着前端技术的发展,越来越多的开发者开始使用react、vue等web框架,但很少有人深入理解这些框架的源码。然而,这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说,可能会认为javascript很容易上手,但实际上只是因为它被高度封装了。与能够使用封装类的人相比,能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码,探寻框架底层的原理,帮助读者更好地理解web框架的运行机制。 ... [详细]
  • 本文详细介绍了Android中的坐标系以及与View相关的方法。首先介绍了Android坐标系和视图坐标系的概念,并通过图示进行了解释。接着提到了View的大小可以超过手机屏幕,并且只有在手机屏幕内才能看到。最后,作者表示将在后续文章中继续探讨与View相关的内容。 ... [详细]
  • 微信小程序导航跟随的实现方法
    本文介绍了在微信小程序中实现导航跟随的方法。通过设置导航的position属性和绑定滚动事件,可以实现页面向下滚动到导航位置时,导航固定在页面最上方;页面向上滚动到导航位置时,导航恢复到原始位置;点击导航可以平滑跳转到相应位置。代码示例也给出了具体实现方法。 ... [详细]
  • Sleuth+zipkin链路追踪SpringCloud微服务的解决方案
    在庞大的微服务群中,随着业务扩展,微服务个数增多,系统调用链路复杂化。Sleuth+zipkin是解决SpringCloud微服务定位和追踪的方案。通过TraceId将不同服务调用的日志串联起来,实现请求链路跟踪。通过Feign调用和Request传递TraceId,将整个调用链路的服务日志归组合并,提供定位和追踪的功能。 ... [详细]
author-avatar
ningxiao088_272
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有