21世纪前端最牛学习资料

字不如表，表不如图，直接上图！

接下来聊聊每一个阶段具体都要怎么学。

所有的B站密码在bilibili直接搜就能找到对应的视频【区分大小写】

互联网基础知识【2H】

这一阶段是最基础的阶段，如果你对这些知识有一些了解可以直接略过。

正因为这一阶段的知识都是了解性的，所以不需要看视频，也不需要系统的学习。所以这里的知识可以充分利用百度，花费2小时左右查一下这些知识都是一些什么。了解即可

HTML【3H】

Html超文本标记语言，可以把它看作浏览器上的Word。Html非常简单，一学就会。这里推荐一个视频。B站暗号：BV1x4411V75C

看视频的时候，一定要边看边练，但也不用花太多时间在练习上，因为Html是前端无时无刻在用的，练习机会非常多。我们了解了Html的基础语法和写几个Demo就足够了。把时间用在后面的学习上。

CSS【10H】

CSS在前端开发中主要是用于给网页做美化的，CSS就相当于Word中的样式。

CSS不单单是CSS1和CSS2，CSS的知识还包括CSS3。

CSS3作为最新的CSS标准，增加了不少新特性，这些新特性是非常值得学习的！

CSS的知识非常多，而且非常杂。需要很多的时间来学习，但是我们不必一开始就把所有的都掌握的非常好。我们一定要记住，编程是练出来的，不是记出来的。所以我们应该快速的过一遍CSS的语法，了解他都有哪些功能，然后通过练习来逐渐掌握。

这里学习的时候可以把菜鸟教程的重要实例练习一下即可。

菜鸟教程暗号：3W点RUNOOB点COM

第一阶段练习【18H】

学完了HTML和CSS就可以做出简单的页面，这里简单的页面是指内容基本不会更改的静态页面。

为了巩固我们所学的知识，我们需要在这一阶段大量的练习。那么如何练习就显得很重要了！

这里的练习主要是模仿一些已经存在的网页，这里推荐两个：

• taobao.com【12H】
• baidu.com【6H】

这两个页面都需要我们重新把它画出来，百度页面相对简单，而淘宝页面稍微难一点。

这里画页面的时候只用HTML和CSS即可，如果一个效果或者动画我们不知道怎么做也不要慌。去百度，百度上都有实现。这里注意的是我们一定要先自己思考，具体怎么实现这些效果。

当我们做出这两个页面的时候，我们的HTML和CSS水平一定会有非常大的提升，同时也基本达到了真正生产所需要的水平。

JavaScript【44H】

JavaScript作为前端最重要的语言，我们一定要好好学，所以这里我推荐大家看视频学习，等我们学完了JavaScript，我们的前端技术也算是登堂入室了。所以这里需要多花一点时间是值得的！

JavaScript我推荐尚硅谷的视频【B站密码：BV1YW411T7GX】，这个视频有的地方确实墨迹，所以推荐1.5或者2倍速刷过去。但是我们要注意的是，刷视频的时候记得随手练习一下。

JavaScript学习的时候我们就要开始用这门语言去刷算法题。保证一周5-7题即可，不需要太多。

在学习完JavaScript的时候，我们还应该顺路学习两个知识点：Ajax【B站密码：BV1WC4y1b78y】、Npm【B站密码：BV1Nx4118788】。

这两个知识点不需要太久，分别花1个小时和30分钟足以。

第二阶段练习

第二阶段练习我没有标注时间，因为第二阶段的练习基本相当于独立进行前端的开发。

这阶段主要是学习一门框架，这里我推荐Vue.js。毕竟Vue.js的口号就是快速入门，他也确实做到了这一点。

Vue.js的入门我推荐狂神的视频【B站密码：BV18E411a7mC】，这个视频也是短小精悍，也符合我们快速学习的预期。

后续的学习就是使用Vue.js这个框架来做一个小项目进行实践，当然也是练习模仿为主，这里推荐一个黑马的视频【B站密码：BV15P4y1t7k9】来练手。

这个视频不一定要全部看完。因为我们看这个视频的目的就是为了学习在生产中如何使用Vue这个框架。

当我们基本学会了之后就可以做一个自己的小项目来练练手，另外这个项目是可以写在简历上的。如果想做别的项目练手也可以，但是不建议做电商项目，因为现在一说电商大家第一印象就是在网上抄的。

后续练习

后续的学习主要就是按照上面的学习路线图来学习，需要学习后面的知识的时候你应该已经找到了一份不错的工作。这个时候你也具备了一些看文档的能力，所以后续的学习我的建议就是直接看官方文档。因为这是最快也是最有效的方法。

在学习过程中，如果大家遇到了任何的问题，欢迎大家联系我，一起互相交流！

结语

编程是一个非常有挑战的技术活，学习编程也是相对痛苦的，所以遇到了一些困难是很正常的事情。遇到困难就解决困难，保持自信，你就是最酷的崽。

编程也是一个长期学习的科目，所以大家一定要培养出自己对编程的兴趣，让自己保持持续的动力！一定不能半途而废，在初学阶段一旦一个月不碰代码，就会非常手生，甚至之前学的都忘记了。

最后祝愿大家都能有一个光明的未来！

以上就是本篇文章的全部内容，如果你觉得文章写得不错，求点赞，求转发。欢迎关注公众号（高压锅码农777）点击右下角联系作者，一起交流学习。

我是锅哥，祝你幸福，我们下期见。