第一阶段的学习：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往往最难发现。
前端程序员应该往全栈方向发展吗？还是坚守前端？
技术只是实现自身价值和获取幸福生活的工具，千万不要执念于某种技术，否则，当技术革新时代改变的时候，它都懒得和你说一声再见。
我这么说，并不是要大家三心二意不好好研究前端技术，更不是说就该往全栈发展，而是想说，要根据当前工作和业界需要来钻研技术。
首先你是一个人，然后你才是一个程序员，最后你才是一个前端。
我见过厉害的前端，从来都不仅仅会前端技术。所谓大前端，就是这个意思。
现在很多前端名为前端，实际上已经是后端或者产品负责人了。
起于前端，但不止于前端。
摘抄一个多年经验的前端老鸟独白（不代表本人意见，大家自行理解）
前端学着学着，学不动了怎么办？
个人经验 不要学太多细枝末节的东西。
例如，学一堆库或框架 Vue、React、Angular、JQuery、easyui....
像这样学，永无止境，是个人都会觉得累，最重要的是，对于你技术的积累没啥用，换个框架，原来的知识就排不上用场了。
比如你公司用的是 Vue，就深入学习 Vue，可以学习源码，可以写组件，看你喜欢。
React、Angular这两个做个 demo 了解一下就差不多了，毕竟原理都是相通的，等你公司要上这两个再深入学习。
前端工程师一般都去哪些网站逛？
参考链接：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
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
