自学前端之“跟着项目走，步步是朋友”

一个前端新人，如果是非IT、非互联网行业的人，在自学前端时，最大的问题就是方向。向何处去？往何方学？以什么为学习的主线？

前端开发这个行业给外行人最大的错觉，就是做这行只需要三个东西，html和css和js，只要学会了这三个东西就月薪过万了，就人生巅峰白富美了。看看书感觉html和css那么很简单嘛，再脑补一下感觉自己搞定js应该没问题。

当他真正开始自学的时候，就会发现。。。其实前端开发是三条主线，

1、html； 2、css； 3、js；

好吧，三条就三条，老子认了。

学了html会发现怎么还分html4和html5呢？这俩货什么关系？学到css的时候会发现怎么还有css2和css3？然后还有各种css预编译工具？学到js更会发现除了分为es5和es6之外，还有各种前端框架，这其中库、框架的定位又有所不同。

哎？mvc是啥？mvvm是啥？观察者？单例？工厂？原型？前端怎么还要用这些？不是说好了只要html，css，js吗？

每种前端js框架的语法还各不相同，虽然很类似，但毕竟有不同。更坑爹的时，某些个框架的更新还是推翻重来式的，例如ng...

到这时，你会发现，明明是一条主线，变成三线主线，然后又变成了3*n条主线。为什么说主线呢？因为看起来好像都很重要，都要学的样子。

再后来你会发现不是说好了学js的吗？怎么到后来要学许多工具？reactJs？vueJs？node？ng？webpack？github？...postcss？axios？...各种skin皮肤，没完了

到这时，“你”会发现前端开发工作至少有二个外行人难以发现的事实：

1，“前端技术本身，可以说是没有主线的”；

2，前端开发工具化。js没学多少，各种工具学了一堆，然而并没有什么卵用，依然做不出什么东西来，也不知道该用来做什么。

看起来都重要，都要学，但这些技术之间，貌似没有什么明显的先后顺序。

“从入门到放弃”基本上多发于这个阶段。学也学不进去，学进去了也没啥成就感。这时可能你会感觉自己被骗了，之前看到的新闻和宣传明明都是很美好的呀。

其实事实上，前端开发的高工资毕竟是客观存在的。只是到了你这里...

刚才用了很大的篇幅来描述了从入门到放弃的全过程，不知道有没有击中你。你应该明白，我不是特意针对你。

让我们再看一眼本文的标题，《跟着项目走，步步是朋友》。

为什么要跟着项目走？

因为前端技术本身，确实是没有明确的主线。你说js是主线？对不起，以前是，现在不是了。

许多人学不进去前端，就是因为他一直在前端的那些技术里打转。前端的很多技术、工具都是为了特定的需求而诞生的，都有各自的需求背景。有些技术、知识、问题，你没有对应的需求时，那么你其实不必关心它。

前端开发岗位真正的主线是，“需求”。

需求指引技术，没有好用的技术就新造一个，最开始时并没有ajax；

需求指引工具，没有好用的工具就自己搞一个；刚开始时只有facebook需要react；

需求指引学习，咱公司下一个项目要用vue，大家一会到会议室来开个会，咱们先大概的讲一讲，然后用三天的时间熟悉一下，下周开始开发；

需求就是方向，需求就是路线。那你想自学，却没有需求，怎么可能学得进去呢？没有需求也得自己定一个出来呀。

根据你的需求，你在自学前端的时候，要选择哪个，要学习哪个，遇到什么问题时，怎么跟别人问，这每一环都需要需求做为主线来把它们穿起来。在这个过程中，你会发现，随着需求的逐步实现，你所需要用到的技术也在逐步深入。

在这过程中，你的每一步需求，都好像在引导你向前迈进。不需要去迷茫学哪个东西，不需要去迷茫往哪个方向，当你想要实现下一步需求的时候，它所需要用到的知识点，自然而然的就会浮现在你的眼前。

这就是我所想要表达的，“跟着需求走，步步是朋友”。

什么是需求呢？

简单的说，你想做一个什么东西，这个东西就是需求。你要把这个东西做出来，所需要的一连串的步骤，就是需求分析。