专栏首页web前端教室自学前端之“跟着项目走,步步是朋友”

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

一个前端新人,如果是非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,大家一会到会议室来开个会,咱们先大概的讲一讲,然后用三天的时间熟悉一下,下周开始开发;

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

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

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

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

什么是需求呢?

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

本文分享自微信公众号 - web前端教室(webfeel),作者:老尚

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-11-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 工作几年后,前端工程师的核心竞争力是什么?

    这篇文章面向的读者是已经工作了三年以上的前端开发者。 三年以下的前端人,看了跑偏跟我没关系。 //////////// 想一个问题,前端都包括什么? 你可能会向...

    web前端教室
  • 前端里面有哪些分支方向

    image.png 音频请点此收听 音频原文如下: 首先要澄清一个事实,前端虽然有架构师这个说法,但事实上并没有架构师这个职位。所以,它肯定不是一个方向。 然后...

    web前端教室
  • 《前端开发职位的发展方向 -- 大前端》| 微课-文字版

    /1/ 大前端的说法,是如何出现的?范围是多“大”? 对于许多新人来说,他们最开始接触前端这行,都是从前端开发工资高啊,好找工作啊,入门门槛低,这些方面开始了...

    web前端教室
  • interface注入及报错分析

    上面错误原因我想大家开发中都遇到过,大致错误原因是注入bean时,spring找到2个实例userServiceImplTest、userServiceImpl...

    LiosWong
  • java SWT:TraverseEvent的理解塈添加TraverseListener实现Composite之间TAB键切换焦点

    版权声明:本文为博主原创文章,转载请注明源地址。 https://blog.csdn.net...

    用户1148648
  • NIPT/CNVseq/WES 数据如何更精确地区分性别

    CNVseq一般针对的是流产物或者全血白细胞,是比较纯的组织样本,一般用比到Y染色体上的总reads数占总常染色体 reads数的比例,人为设置一个cu...

    用户7625144
  • 9,二维dataframe —— 类array操作

    pandas中常用的数据结构有: 1,Series:一维数组,有index。Series中只允许存储同种类型数据。 2,DataFrame:二维的表格型数据结...

    lyhue1991
  • MySQL和Oracle的添加字段的处理差别 (r10笔记第73天)

    昨天在微信群中有个朋友也是无意中问了一下,说数据库中的表字段想保持一种相对规范的顺序,怎么办?要知道Oracle中这个操作就比较纠结了,因为是按照追加的方式来处...

    jeanron100
  • 「无服务器架构」动手操作Knative -第1部分

    我最近一直在研究Knative。在这个由三部分组成的博客系列中,我想解释一下我的收获,并展示一些我在GitHub上发布的Knative教程中的例子。

    首席架构师智库
  • 「无服务器架构」动手操作Knative -第二部分

    在上一篇文章中,我讨论了Knative用于快速部署和自动调整无服务器容器。如果您希望您的服务由HTTP调用同步触发,那么Knative服务是很好的选择。然而,在...

    首席架构师智库

扫码关注云+社区

领取腾讯云代金券