以前自学的时候会去网上收集资料，其实也是去培训机构的官网看看学习路线啥的。感觉有些培训机构还是很良心的，如果你需要他们最新的课程，会让你加一下老师，然后问老师要对应的课程，人家也确实给，不过都是网盘链接，最后去下载解压学习，有的可以在网盘上直接看，也可以倍数播放，如果不能直接看的话，你的自己去找一个好用的播放器，一般我看视频学习都会倍数播放。

现在感觉B站上的学习资源已经很成熟了，基本上好多前端的学习教程都有，当然也可以倍数播放啦。但在B站上学习有一个缺点就是，容易分心去看与学习无关的视频，这需要你要控制好自己。如果是刚入门的朋友，并不建议倍数播放哟，理解能力好的除外。一般我看视频都在手机上，然后跟着老师在电脑上敲代码。边看边敲，这样可以加深记忆。

下面就跟大家分享一下自学前端的几个阶段和方法，以及对应的视频教程
每个阶段的视频我都会推荐两套。这里就不说是那两个培训机构了，看了就知道。
这些都是我以前看过的，那时版本是17年的，这里当然推荐新版本了。

第一阶段

第一阶段主要学习常见的页面布局，也就是如何把一个网页做的漂亮。建议一定要把css学透，作为一个合格的前端开发人员，把页面做好看可是我们的首要任务啊。如果时间紧的话，可以先学一遍，后期一定要着重复习。

不要听有些人说 css 没有js重要，我觉得前端的HTML、css、javascript这些根本没有那个重要不重要之说。都很重要。。
如果学到后面的框架部分比较吃力，说明你该复习基础知识了。真的，那时每次我学习后面的知识比较吃力的时候，就回去复习前面的知识，所以一定要定期复习。

第二阶段

这一阶段主要是JS部分，对于没有接触过任何编程语言的我来说，当时学习确实有点难度。这一部分一定要慢下来，基本上看一天的教程就复习一天的。老师做的每一个练习，在跟着老师视频做过后，下来一定要自己在敲一遍或几遍，当然不是让你把代码背下来。在自己敲的时候重点是去理解思路。要是不理解思路，老师换一种写法你是不是又得去背呢？第一遍学习JS的时候可以把算法和设计模式先放一放，不是不学，而是先不要忙着去学，我怕你学不懂到时候放弃了。【嘿嘿】，我也是工作快一年才开始学习算法和数据结构的。。。

如果你能使用JS做一些页面上常见的特效后，就可以进行下一阶段了。有的没事很懂，没关系，这一阶段，不学个两三遍是不会做到游刃有余的。后期再来复习。

第三阶段

如果前端的基础都学扎实了，学这一部分，那感觉简直到飞起来了【哈哈】
学完这部分模仿一个你喜欢的网站首页，各种特效都要求自己实现，可别偷懒哟，因为后面你很少会用到这部分的知识。但这也是必须要学的。
别到时候要用了，那不是赶鸭子上架么？

有些知识点可能可重复，但没关系，就当复习咯。。

第四阶段 -- 前端工程化

这一部分学习，后面的框架部分学习打基础，也需要好好对待哟
当你xue完Node和ajax，你会发现世界突然变的晴朗了许多，因为终于可以不用担心接口的问题啦，但前提是一定要好好学习，千万不要放弃哟。。这一步分可能会难一点，但熬过去，你会提升到一个新的台阶。嗯，坚持。

第五阶段 - Vue

Vue 和 React 前期推荐深入学习一个了解另一个，因为没有工作两个都想快速学好，容易记混。你感觉 Vue 好学就学 Vue，你感觉 React 好学就学 React。等你工作了有时间再去深入学习另一个。嗯这的确是个好办法，但了解你至少得做个小项目吧

有了前面的工程化基础，这里学习Vue框架会很轻松，看一遍视频，跟着老师做做项目，再去看看Vue文档，自己在做一个单页面项目。基本就掌握了Vue的使用。但如果你想通过Vue找工作的话，可能还需要去学学，Vue底层的一些东西。至少得了解一点吧，不然面试问到了咋办。放心我都准备好了。

第六阶段 - React

我那时学习React也是抱着先了解一下的态度去学的，跟着视频学习和看文档，不懂就网上收。最后做了一个阳光后台管理系统。不过你们要想深入学习，放心，有。。

第七阶段 - 小程序

前面的学好了，小程序看看文档就可以上手了。不过还是推荐看至少一套视频，有些配置环境，怕你搞不懂

最后

视频可能会有重复，但不影响学习。可能有的视频会下架，但是没关系，等你入门了就会自己找学习资源了。这篇文章主要给你入门用的。

回想起自己那时学习的时候，虽然有想过放弃，但都坚持下来了。
如果学累了可适当放松一下，但千万别放弃呀！！加油吧，同志们。。