作为大三的我开始学习前端。现在做前端狗已经三年了。下面跟大家说说我的前端自学之路，自己的学习方法，以及前端学习资源推荐。本文为前端入门指南，请勿转载。前端行业这几年发展很快，各种框架层出不穷。很多开发者开玩笑说学不会了。的确，我们应该充分利用我们有限的时间，好的学习方法和资源非常重要。以下所有方法都是我踩过的坑的总结，保证让你在前端学习道路上事半功倍。写在前面：没书不如没书。手写一定有错误。如有争议，可留言讨论。第一阶段学习：html+css+javascript入门我知道很多前端入门的人都是在w3school上学习的，个人不推荐。上面的知识点太多了，在日常工作中用不到。如果在w3School上从头开始看知识点，看的时候就忘了，效率太低了。请记住，我们是高素质的前端工程师。不要死记硬背。如果你经常使用它，你自然会记住它。度娘是真的想不起来了。（初学者最容易犯的错误就是纠结，总是纠结于今天学的某个标签或者某个css语法，我只想说，这又不是高考，得默默写。理解就好了，等到后面项目做多了，复制粘贴的次数多了，就记住了）重点就在这里。说了这么多，我们应该从哪里开始学习呢。经过自己的不断挖掘，发现了一个好到无法形容的网站，尤其适合前端新人。就是绿叶学习网，讲解基础知识——结构清晰，主次分明。并且网站上有一些常用的功能，其他冷门知识点作者已经过滤掉了。非常适合没有任何基础的前端新手。里面所有的知识点都被作者做了分类，特别方便记忆。在学习的过程中，你脑海中所有的知识点都会被组织的一清二楚。自学最难受的就是脑子里的知识点乱七八糟，没人指点。自学过的人都知道那种无力感。而且作者对内容的解释准确、独到，没有故作高深。每一章的总结和标题也恰到好处。所以基础的话，只需要看一下网站里面的HTML+css+javascript，练习题打完就ok了。w3school、菜鸟贴等网站，只适合作为字典搜索。两周没问题。当你阅读这篇文章并发现这个网站时，你已经比我节省了一个月的时间。网上其他的前端基础类讲解网站，真是又臭又长的像个老太太的裹脚布。..2.进阶html5+css3+javascript过了新手村第一关之后，一些难的东西就来了，这个知识点也是面试中问的最多的。（初学者最容易犯的错误就是学完框架就把这块扔掉，一定要记住这块知识是初级前端面试的重点，也是必考的知识点。），我不推荐看文章学习。因为知识点有点复杂，看课文学习效率不如看视频高。MOOC网站上有很多视频，讲解的很透彻，会比看课文效率高很多。但是价格也不便宜。自学的时候，我也投入了很多钱。当然，网上有很多免费的视频课程，但都是过时的或者不够系统的。贪这个便宜，就是浪费自己的时间，到头来什么都学不到，得不偿失。需要资源的可以在文末获取。这个聚会，两周也可以。没有电脑基础的同学，时间可能会有点紧，但还是要勉强自己。3、es6+sass的内容属于扩展内容，es6是JavaScript的扩展，sass是css的扩展。初学者可能会觉得这部分内容比较陌生，看起来学习难度很高。其实比第二方的内容要简单的多。（前端学习者最容易犯的错误就是想得太深了。）ES6现在仍然被广泛使用。随着浏览器的兼容性越来越强，公司的大部分项目都使用ES6语法，如果完全不懂，看前人的代码可能会有些吃力。es6的网上学习资源很多，但我推荐阮一峰的es6教程。ES6并没有萌新想象的那么复杂。它只是一些语法糖。日常工作中用到的函数有promise、module、async等。不需要太纠结，了解就好。Sass、less等css扩展语言，你只需要知道一种即可。绿叶学习网站上有sass的入门教程，看一遍就可以了。看完这两个教程，一个星期就够了。..当然，如果你觉得通过阅读文字难以学习这些内容，你也可以通过观看视频来学习。资源可在文末获取4.vue+VueRouter+vuex+axios说了这么多，大家最关心的前端框架就到这里了。现在流行的mvvm框架vue和react。对于新手，我推荐vue。上手快，学习成本低，资料齐全，坑都给你踩过了，公司利用率也很高，学完不用愁找不到工作。对于这方面的学习，一开始我是不建议看官方文档的，尤其是新手，效率会比较低。官方文档比较全面，涉及的知识点也很多，很多都是刚开始工作时用不到的。我还是推荐视频学习，效率高，吸收快。开始时，请阅读文档并再次查看。我的学习方法是从全面到局部，这样在学习过程中就不会出现迷茫和纠结。网上有很多关于Vue及其全家桶的视频，但没有一个适合初学者。或者一直说项目，业务逻辑多，知识点少。或者完全是api的使用，没有实际操作，枯燥无味，没有整体的项目思考。之前看过一个vue及其全家桶的视频。它用一个简单的项目把vue的所有知识点串联起来，特别适合新手。至此，你已经进入了前端行业。但遗憾的是，这是万里长征的第一步。想要升职、加薪、成为大牛，要学的知识还是太多了。展开以下内容。前端入门不用学，找工作再学也不迟。webpack+git+nodewebpack、git、node是前端高级知识点，也是前端的分水岭。本来我不想在入门学习里提的，但是还是希望大家能够明白，除了深度，我们还需要广度。所以作为新手，只需要知道如何简单的使用就可以了，不需要深究。在网上看一些介绍性的博客或者介绍性的视频就可以了。我也有一些自己的学习笔记，有需要的可以发给你。开发工具---vscode工欲善其事，必先利其器。想要优雅高效地编写代码，就必须熟练使用前端开发工具。我个人推荐vscode。如果你想学好WEB前端，而你身边又没有人在学习过程中指导你，可以上这条WEB前端裙子：484、757、760，里面有最新的系统根据当前市场需求录制的教程。不管你是计算机专业想往WEB前端发展的，还是零基础想转行的，都可以跟着教程学，有不懂的可以问。
