web 前端 如何分享到instagram_如何在b站自学web前端

同学们大家好，这就是“如何在b站自学web前端”的所有的视频链接

视频里，红色的是标题，右边的就是链接

直接点击就可以打开对应的网页，就这样

这个思维导图如何获取呢？

很简单，请关注微信公众号【web前端教室】

回复关键字【b站自学】就可以获得下载链接

我在教课这么久以来，还有在群里，最多小伙伴问我的问题

就是我是零基础、我理解能力差、我记不住、我听不懂

我该怎么自学？

b站现在已经是一个自学网站了，它里面有非常多的学习资源

客观的讲，很多前端新人同学，并没有能力去分辨或整合它们

那今天我就给同学分享一下，我从b站挑选出来的

质量比较好的一些学习视频，它们的学习顺序以及好在哪里

然后这个思维导图上的内容，仅仅限于能通过前端面试

因为有同学跟我说过，要是真想打好前端开发基础

那就应该从计算机硬件什么的开始，这就远远超出我的能力了

所以这个思维导图比较适合想要转行或进入前端开发行业的人

那没有什么问题的话，咱们就先看一下这个图的整体

首先是html、css和html5和css3，这一块就是静态页面了

然后是原生javascript，再然后是es6

然后是nodeJs，不得不说，b站里高质量的node视频非常少

再然后就是vuesJs，和前端开发规范

然后是相关的技术理论，包括网络协议、模块化、线程什么的

再然后是简历、面试，这二个部分我放在一起了

再接下来是前端开发的职业规划，三年之前的我觉得不必太多想

你先干个三、五年的，对于行业、自身都比较了解之后再说

再然后就是私活，这一块很多同学感兴趣

但是对于前端新人来讲，私活很耽误时间的

而且你也未必有能力去接私活，所以就放了二篇

再然后是各路大神，这就是当行业内的谈资来了解即可

不必想去效仿，多数情况下你也效仿不了

再就是收藏这个情况，很多同学他特别喜欢收藏

但收藏了他又不看，如果你也这样做了，

请把收藏二个字打在弹幕上，如果一定要收藏的话

我建议同学把自己的收藏夹建立相应的目录

形成一个体系化的课程收藏系统，然后定期看

定期的写学习笔记、总结，否则的话

时间长了，你收藏的东西越来越多，你又理不清它们

那么就会还越来越乱，想写东西时就无法下手

恩，这就是关于收藏，我想讲给大家听的。

然后下面这些视频，有些是我自己的，但更多是别人的

画面质量有好有坏，有些风趣有些枯燥

所以同学们在看的时候，要有耐心，能坚持

毕竟这些都免费的呀

有什么不懂的，可以问我，也可以留言问相关的up主

当然了，有些Up主已经好几年不更新了，哈哈

这种情况我估计你只能问我了，但我平时也要讲课

所以我有时间的话，会尽量回答你

在这里不做保证，哈，请同学们谅解

同学们看我这里，html、css的内容只有这些

主要是因为现在前端开发的主力就是javascript

而html、css在很多情况下，它确实不是最重要的

包括在面试的时候，也是以问js相关知识为主

所以html就是一个简单的标签介绍

css就是它的几个主要概念，什么盒模型、定位、选择器

优先级之类的东西，然后就是二个静态页面的例子

在现在阶段，静态页面真的不用花费太多时间、精力

去钻研了，什么各种布局结构，真的没有必要

很多时候，页面视图都已经是第三方UI框架了

然后css3这里，主要就是animation动画、

transform变形，和阴影，flex弹性布局之类的

都是些静态的东西

至于html5，常见的也就是audio、video、canvas和svg

主要是音视频播放和页面刮刮卡之类的小东西

总而言之，我个人主观建议，前端新人在自学的时候，

在当前情况下html4、5和css2、3，主要以会用、了解，即可

因为在有限的时间内，例如三个月、半年内

你在html、css用的时间越多，你用在js上的时间就越少

而面试和工作中，用的更多的却是javascript

那在这里给一个结论吧，html、css学到什么程度算行呢？

就是把列出来的那二个静态页面，照着写出来，就Ok！

再接下来就是原生JavaScript部分

你会发现我在这里列出的资料，是一个从上到下的顺序

第一个是js是如何工作的，因为在我讲课的实践之中发现

很多自学的前端新人，在看资料的时候

第一个问题是【看不懂】，他怎么不懂呢？

很多资料里都带有一些计算机专业的词汇

例如，对象、变量、关键字、保留字等等

而零基础的前端新人，他一片空白的那种的话

光是这些词，就足以劝退他了

所以我在这个环节，安排的第一个视频，它的作用就是科普

然后是一个js速成课，先把整个的过一遍

然后是我带读书的三个视频，是我自己录的

视频质量还是很不错的，所以我也放进来

然后就是js的核心概念，闭包、继承、原型链等等

再接下来就是ES6，我个人主观上吧，

对于es6一直是不太感冒的，因为它就是个语法糖

我个人主观甚至于认为你有研究es6那工夫

真的，你不如研究下typescript呢

做为前端新人，前端初学者

你还是先集中精力把原生js搞明白吧

所以es6这一块，就放了三个，没什么大意思

接下来就是nodeJs，这一块，

其实nodeJs本身并不能做什么事情，它就是个平台

它能做的事情，都是运行在它上面的工具来做的

就好像win10电脑，你装了个RAR解压软件

你能说，是win10给你解压的rar文件吗？一个道理

所以node这一块，我主要选择了进程、线程、并发

还有我自己的二个视频，因为node的讲解视频都大同小异

而我自己的node爬虫项目，确实也还不错

vueJs就是纯粹的在node之上的业务应用层的东西了

我选了一个讲基本语法的，因为我不太喜欢搞那些太简单的东西

所以同学们看我的b站频道，基本没有太入门的东西

太入门的就是带你读书系列的，还在龟速更新中

然后是一个双向绑定原理，还有一个vueX的入门小项目

同学们会发现这里没有ReactJs，其实原因很简单

因为现在市面上用vueJs的多，而你的目的是学会了就业

那就用什么的多，你就学什么的，就行了

你想学ReactJs？可以，等你上班了你想学啥就学啥