前端路线+心得

前端方向路线

前端行业这几年发展飞速，各种框架层出不穷，很多开发者都戏谑说自己学不动了。确实，我们应该充分利用自己的有限时间，好的学习方法和资源非常重要。以下所有方法都是自己踩过坑的总结，保证能让各位在前端学习之路上事半功倍。

写在前面：尽信书不如无书，人工撰写定有纰漏，争议之处可留言讨论

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

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

重点来了，说了这么多，入门我们应该在哪学呢。经过自己的不断采坑发现一个优秀到无法形容的网站，特别是对于前端萌新。它就是绿叶学习网，里面对基础知识的讲解–结构清晰、主次分明。并且网站上都是一些常用功能，其他冷门的知识点作者都过滤了。对于没有任何基础的前端萌新来说，简直是再合适不过了。

里面所有的知识点，作者都进行了归类，特别方便记忆。学习的过程中，你脑中的所有知识点都会条理清晰。自学最难受的就是自己脑中的知识点混乱，又没有人指点。那种无力感，自学过的都知道。并且作者对内容的讲解精确独到，没有故作深奥。每章的总结以及题目也是恰到好处。

所以对于基础篇，你只需要将网站中的HTML+css+javascript看完就可以，练习题跟着敲一敲就ok，对于w3school和菜鸟驿站这类网站只适合当作字典去查询。两周时间也就ok

当你看到这篇文章，发现这个网站，你已经比我节约了一个月的时间。网上其它前端基础类 的讲解网站，真的像老太太的裹脚布又臭又长。。。

二、html5+css3+javascript高级

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

这一趴，我不推荐看文章学习。因为知识点稍微有点复杂，看文字的学习效率没有看视频高，慕课网上有很多视频，讲解也很透彻，会比看文字学习效率高很多。但是价格都不便宜，当初我自学的时候，也是投入了很多钱的。当然网上也有很多免费的视频课程，不过都是过时了的，或者不够系统的。贪这个便宜就是在浪费自己的时间，最后什么都没有学到，得不偿失。需要资源的，可在文末获取。

这一趴，两周时间也是ok。对于没有计算机基础的人，时间可能有点紧张，但还是应该逼自己一把。

三、es6+sass

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

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

sass、less等css扩展性语言，了解一个即可。绿叶学习网上就有sass入门教程，过一遍即可。看完这两个教程，一周足够。。。

当然，如果你觉得这趴内容看文字学习比较吃力，也可以通过观看视频进行学习。资源可在文末获取

四、vue+VueRouter+vuex+axios

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

对于这块的学习，一开始我不推荐看官方文档，特别是对于萌新来说看官方文档学习，效率会比较低下。官方文档比较全面，涉及的知识点也比较多，很多是刚开始工作用不到的。我还是比较推荐视频学习，高效吸收快。等你入门了，再看文档重新梳理一遍。我的学习方法是从全面再到局部，这样学习的过程中就不会困惑与纠结

网上关于vue及其全家桶的视频很多，但都不太适入门学习者。要不就是一直讲项目，涉及的业务逻辑比较多，知识点较少。要不就是完全讲api的使用,没有实际操作，枯燥也没有整体项目的思维。我之前看过一个vue及其全家桶的视频，是用一个简单的项目，将vue的所有知识点串起来，特别适合萌新。资源可在文末获取

这趴学完，可能需要三周。

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

根据按照路线学完的粉丝反馈，我把学习的时间改了下，现在入门学完需要的是七周。标题和图片我就不改了，偷个懒。三更灯火五更鸡，正是男儿读书时。加油吧

扩展

接下来的内容前端入门可以不用学，等找到工作再学也不迟

webpack + git+node

webpack、git、node属于高级的前端的知识点了，也是前端的分水岭。本来我是不想在入门学习中提及的，但还是希望各位了解下，学习除了深度我们也需要广度。所以作为萌新的你只要会简单的使用就行了，不用去深究。上网看一些入门的博客就好或者入门的视频，我也有一些自己的学习笔记，有需要的可以发给你。

开发工具—vscode

工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具，我个人首推vscode。它的详细使用及配置教程，可以看我下面的这篇文章史上最全vscode配置使用教程。

---

=建议======

1 不会轻易推荐他人选择这个专业， 因为多数人不适合软件开发

2 清晰的意识到对于一名程序员而言， 算法是基础和核心。 算法基础良好， 是基本修养。甚至可以说， 算法基础良好不见得是优势， 但是基础算法不过关， 一定是劣势。

3 不随便幻想创业， 不随意抱怨他人的工作， 不轻谈创新。

4 意识到有人引领和传承的重要性

5 意识到无论java无论怎样优化，基于语言自身的特性， 性能无法和c++匹配。当然， 这并不影响java在某些方面是一个优秀并且应用广泛的语言。

6 技术领域也可以充满谎言， 虽然略好过其他的领域。好比电动车更加环保， java优化后的速度可以和c++想匹配

7 在世界范围内， 在开源领域， 国人的贡献极少。国人显然有这个能力， 但是结果上确实表现非常糟糕。不用担心经验没用， 整个行业水平其实很低。

8 软件开发是一个对体力要求非常高的工种

9 从生产工具的角度， 软件开发是入行成本最低的工种之一。 但实际上， 是一个从业要求最苛刻的行业之一。

10 大部人劝人从事软件开的人， 除了商业机构的从业人员外， 基本都是外行， 基本上本身不具备能力从事这一行，基本上没有实际的从业经验， 基本上都是外行看热闹。

11 掌握好算法， 剩下的在实际项目中积累就好。 剩下的部分包括对操作系统， 计算机系统， 设计等等其他知识

12 大部分的软件开发要求的数学知识， 不超过高中数学。 这句话有几个含义：第一大部分的软件开发不需要高等数学 第二软件开发的知识侧重数理逻辑 第三不要低估了高中数学知识，大部分人的数学修养不超过初中几何， 因为初中几何并不简单。

13 要重视做人， 不要以为回避争论道理会不言自明， 不要把这个美好的世界留给那些你鄙视的人

14 重视合作。不要随便轻视前端， 和业务需求分析人员

15 大部分的成功故事都是小编写的， 他们的作用是告诉你这个事情。 对于这些事情的解读， 一点要靠自己。大部分的小编如果有能力解读那些故事， 一般他们不会去从事小编这个职业。

16 如果你打算做一个小的有意义的产品， 如果你真的做出来了， 你已经超过了百分之99的程序员了， 大部分程序员， 终其职业生涯一生，都无法独立做出来一款真正意义上独立的产品， 无论大小。 因为真的很难。 一个产品从创意到实现， 需要的心力，精力， 和财力， 不是普通人可以支撑的。

17 程序员一样需要人文修养， 艺术修养。艺术不是附庸风雅， 相对于文科生而言， 理工科从业者更需要人文和艺术

18 编程训练确实可以提高人的思维能力。但是并不意味着少儿需要这个东西来达到提升思维能力的效果。 在计算机之前， 这样的东西已经存在了。 好比几何证明和象棋。 几何天然具备和编程一样的训练作用， 一个是因为几何证明当中的数据也是以离散为主的，其二是几何证明和计算机程序一样都有明确的结果导向 其三就是都要求逻辑正确

19 如果一家公司的招聘广告， 要求3-5年的工作经验， 然后每一项要求的下面都以精通开始， 并且直言片语不提算法，通篇要求精通框架， 精通高并发高性能，精通架构类似的话语， 基本上可以确认无疑这家公司的主要技术人员对软件开发的核心技能没有真正的理解， 人员构成混乱，不要轻易应聘这类公司， 除非你真的无处可去。

20 整个行业缺乏团结，缺乏有力的互相支撑。码农的话语权其实非常的低， 这个有赖于越来越多的从业者的意识到这一点， 并且逐步的组成相关的互助的联盟。

21 好的产品经理应该是从程序员中诞生的， 尤其是那些真正了解产品需求的同时， 深切的关注产品的性能和操作逻辑的程序员

22 那些做了超过20年的应用， 比如国内的各个招聘网站， 都可以找出一堆的技术问题， 不要担心没有创新的空间， 你能把别人都在做的事情做的更好， 就已经居功甚伟了。 在线招聘这样的常规业务， 你依然可以看到不断的创新， 而不是很多人误以为的成熟和饱和。其他行业一样。

大部分的人想做与众不同的事情， 不是想创新， 只是想投机而已。不要和这样的人合作。

23 在计算机这个大类专业下面， 最好的方向之一其实是网络工程师。 技术难度相对低， 从业人数相对程序员大幅减少， 从业时间长。

虽然这是一个一条看似极为普通的建议， 但是大多数劝你学计算机专业的人其实都不知道。获得这样一个简单的常识背后可能是十年乃是二十年的行业积累， 才能明白和理解的。 在专业，工作的选择上， 多象前辈请教一下。 有些东西，经验远比逻辑更重要。 这个过程中你可能会遇到骗子， 遇到误导， 但是这种请教和学习依然很重要。 为知识付费是应该的，你自己都不肯付钱的东西， 多半得来也不会又太大的价值。

24 java当中的权限控制符public, protected,default, private的使用的核心准则之一，只有四个字：能低不高。比如能用private的，就不要用default, 能default,就不要protected, 以此类推。

这个样一个简单的常识， 你会发现很多程序员的理解都是反的。 大致你就知道这个行业的劣币驱逐良币， 内卷等等是真的。

25 通中西，明古今，可以让你少走不必要的弯路， 多一些指引，借鉴和通透。

数学家柯西(Cauchy)， 从小体弱多病。 他的父亲和良师根据他的个人情况， 推荐了由工科转理科的建议。 这个是几百年前的事情， 但是经验依然值得借鉴。 人生高产的时光不过10-30年， 你没有太多的机会在方向上犯错

26 无论一个软件系统多么的庞大， 复杂， 无论使用任何语言， 其中包含的逻辑只有三个：顺序， 选择和循环。 知道这个事实当然不代表你就能够写出任意复杂的算法和代码， 但是如果编程多年你依然没有自己归纳出来这个事实， 说明你对问题的本质未必有那么关心。

道生一， 一生二，二生三， 三生万物。 到三而后开始演化出无有穷尽的形式。古代经典的一些论断和这里的三种逻辑演化出的无尽复杂的软件系统， 在某个层面上的统一，在关键时刻， 尤其是科研阶段， 可能会给与你一定的指引。

27 分解是最核心的认知规律之一。

解题方法的依据不仅仅在于问题本身的客观性， 同时依赖于基本的认知规律， 不存在脱离主观的客观。 把复杂的问题逐步分解， 并且分解到你可以借助足够简单的直觉或者既有的知识来理解， 是贯穿整个编程以及其他一切复杂认知的基本规律。 主动的意识到这一点可以让你你面对未知的时候多一份自信。

P.S

个人的经历和观察让我深知前行的同时，成己兼具达人，独立兼具协作，才是正确的方式。所以不妨以此贴为桥梁， 建立一个互相交流的园区。核心要求只有一个：群里面的人认同一个传统的理念：人生自立的同时， 也需要传帮带。你可以选择沉默，潜水，没有任何问题。但是如果回答问题， 一定要给予群友真实的信息，尤其是行业和关键的人生选择。借助这个小小的桥梁， 希望帮助大家减少一些筛选真实信息的成本，在前行的道路上多一份助力。交流的议题不限， 但是建议在人文， 艺术， 体育， 数学， 计算机编程等领域。