前端学习建议汇总（留着自己看的心灵鸡汤）

第一阶段的学习：html+css+javascript入门

我知道很多人前端入门都是w3school和菜鸟教程上学习，我个人是不推荐的。上面的知识点太多，平时工作中跟本用不到。如果你在w3School上从头开始看知识点，你只会边看边忘，效率太低了。记住不要去做死记硬背的工作，用的多了自然就记住了，实在记不住的还有度娘。（入门学习者最爱犯的错误就是纠结，总纠结自己今天学习的某个标签、某个css语法没有记住。我只想说这不是高中考试，还要默写。大概了解就可以，等以后项目做多了，复制黏贴的次数多了，也就记住了）

 

二、html5+css3+javascript高级

过了第一关新手村，有点难度的东西来了，并且这块知识点也是面试问的最多的。（入门学者最爱犯的错误就是在学习框架之后，就把这块给扔掉。一定要记住，这块知识点才是初级前端面试的重点。也是一面必考的知识点）

这一趴，我不推荐看文章学习。因为知识点稍微有点复杂，看文字的学习效率没有看视频高，慕课网上有很多视频，讲解也很透彻，会比看文字学习效率高很多。当然网上也有很多免费的视频课程（比如B站），不过很多都是过时了的，或者不够系统的。大家选择教学视频的时候注意避开已经过时的东西，与时俱进。

 

三、es6+sass

这块的内容属于扩展的内容，es6是JavaScript的扩展，sass是css的扩展。对于入门学者来说可能会觉得这块内容比较陌生，看上去高大上很难学的样子，其实它比第二趴的内容简单多了。（前端学习者最爱犯的错误就是把这块想的过于高深）

es6现在还是用的比较普遍的，随着浏览器的兼容性越来越高，公司的项目大部分都是用es6的语法，如果完全不了解，看前辈的代码可能比较吃力。es6没有想象的复杂，都是一些语法糖，平时工作中用到的也就是promise、module、async等一些功能，不必过于纠结，了解即可。

 

四、vue+VueRouter+vuex+axios

说了这么多，大家最关心的前端框架来了。现在比较火的mvvm框架vue和react。我比较推荐vue。入手快、学习成本低、资料全、所有的坑前辈都帮踩了，公司的使用率也很高，学完不愁找不到工作。

至此，你算已经是跨入前端这个行业了。但不幸的告诉你这才是万里长征的第一步。想升职、想加薪、想成为大牛，你要学的知识还有太多。

 

扩展

webpack + git+node

webpack、git、node属于高级的前端的知识点了，也是前端的分水岭。学习除了深度我们也需要广度。

 

开发工具---vscode

工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具，我个人首推vscode。

 

阅读英文文档
这让我之前想起知乎上Vue.js 作者尤雨溪说过的一句话，其大意是:
我为什么要浪费跟家人相处的时间来教你学英文?

如今大部分优秀开发的资源都是以英文的形式展现到网络上的。
当然不排除有些国内的热心人会把他们翻译成中文，再托管到相关网站上，但是，这毕竟是少数。而且中文文档往往会跟不上国外官网的脚步。
这也导致了，如果你用着新版本的框架，而看着旧版本文档写代码的话可能会引入一些新版本里面已经抛弃了的写法，进而你的项目可能会出现一些诡异的行为。而且这类bug往往最难发现。

 

前端程序员应该往全栈方向发展吗？还是坚守前端？

 技术只是实现自身价值和获取幸福生活的工具，千万不要执念于某种技术，否则，当技术革新时代改变的时候，它都懒得和你说一声再见。

我这么说，并不是要大家三心二意不好好研究前端技术，更不是说就该往全栈发展，而是想说，要根据当前工作和业界需要来钻研技术。

 

首先你是一个人，然后你才是一个程序员，最后你才是一个前端。

我见过厉害的前端，从来都不仅仅会前端技术。所谓大前端，就是这个意思。

现在很多前端名为前端，实际上已经是后端或者产品负责人了。

 

起于前端，但不止于前端。

 

摘抄一个多年经验的前端老鸟独白（不代表本人意见，大家自行理解）

作为一个多年经验的前端老鸟我有话要说，我曾经想转后端但是一直没转成，至少为什么转，因为前端在一家公司地位有瓶颈，一个几年的java可以当项目经理，而你5年+的前端经验也当不了，而且前端变化确实有点快，以前积累的各版本IE兼容技术白积累了，后来又学了移动端h5，谁知现在又得会小程序、es新版语法、vue、react，还得gulp webpack node.js什么的，其实好的前端还远远不止这些，seo,性能优化，photoshop什么的其实也算必选项。

 

所以有段时间想转后台， 但是转后台特么的实在反感java .net这些动不动就得安装几个G工具的语言，python最近火但是大多用在人工智能这块，其实挺喜欢golang简洁性的，有点像脚本语言，但是工作机会太少语言也是特立独行，后来想想对我们前端来说，最友好的不就是PHP吗？node.js会了差不多php就会了，后端这块PHP市场其实体量还有挺大的，所以就认真学了几天PHP，其实也没学什么，语法都差不多，就是学了一个简单的框架thinphp和环境搭建调试工具，因为都是脚本语言，工具可以通用，我就用vscode开发前端和php、node.js,再装个Navicat MySQL和wampserver就可以了。因为我是经常接外包且做自己项目的人，考虑这些还是觉得全部后端用php来搞， 现在我觉得挺爽的， 除了大型项目全部自己一人搞定，价格随便开，自己运作了3个网站，两个小程序(淘客的)，全都可以带了被动收入。还另外接有利润的项目做，我现在就是前端工具链还是用node.js,后端用的PHP,别根本我扯什么PHP垃圾，能赚到钱就是王道。

 

 

前端学着学着，学不动了怎么办？

个人经验 不要学太多细枝末节的东西。

例如，学一堆库或框架 Vue、React、Angular、JQuery、easyui....

像这样学，永无止境，是个人都会觉得累，最重要的是，对于你技术的积累没啥用，换个框架，原来的知识就排不上用场了。

 

比如你公司用的是 Vue，就深入学习 Vue，可以学习源码，可以写组件，看你喜欢。

React、Angular这两个做个 demo 了解一下就差不多了，毕竟原理都是相通的，等你公司要上这两个再深入学习。

 

前端工程师一般都去哪些网站逛？

Google： https://google.com

这个不用多说了吧，查资料，有问题，Google 一下。当然，能访问的人自然会用，访问不了的人，可以用必应或者百度吧。

 

GitHub — 开发者最最最重要的网站： https://github.com

这个不用多说了吧，代码托管网站，上面有很多资源，想要什么轮子，上去搜就好了。并且呢，上面有很多优秀的程序员，你可以在这里交到很多好朋友喔。

 

Stack Overflow — 解决 bug 的社区： https://stackoverflow.com/

开发过程中遇到什么 bug，上去搜一下，只要搜索的方式对，百分之 99 的问题都能搜到答案。在这里能够与很多有经验的开发者交流，如果你是有经验的开发者，还可以来这儿帮助别人解决问题，提升个人影响力。

 

掘金 — 帮助开发者成长的技术社区： https://juejin.im

现在国内优质的开发者交流学习社区，可以去看大佬们写的文章，也可以自己分享学习心的，与更多开发者交流。认识更多的小伙伴儿，提升个人影响力。

 

参考链接： https://www.zhihu.com/question/314536318/answer/639414720

参考链接：https://zhuanlan.zhihu.com/p/81248091

参考链接：https://www.zhihu.com/question/333368965/answer/769730973

参考链接：https://www.zhihu.com/question/28478379/answer/752365115

参考链接：https://zhuanlan.zhihu.com/p/57509764