新人提问 | 一个自学前端四个月的新人来信

先上截图,

这是他向我提问的截图,我回复他说今晚的公众号文章来回复他。

为什么要单独写一篇文章呢?因为他这个问题在我个人看来,不是几句话能说清楚的。

先审题,分析一下他的描述,

1,他零基础,自学四个月;

2,他会一些这那的前端基础;

3,他没有写过demo;

4,因为3,所以写不出来任何东西;

他这四个要点围绕着的其实是同一个问题,“会,但不懂。为啥”?

首先,我愿意相信他花费了四个月的时间,肯定是有一定的自学成果。什么html,css,js,jq,angular这些东西,多少都会一些。让他说应该能说出来这些都是什么东西,但这只能算是了解。

具体怎么用?用在什么情况下?跟谁、如何搭配使用?等这类问题,相信他应该是答不出来,否则他不会问这个问题。

而且注意看他的问题描述,他把ajax和jq并列写出来了,ajax并不是一种技术,它只是一种获取数据的方式。JQ算是一种技术吧,但ajax肯定不是。他把jq和ajax并排着写,我盲目猜测他可能是分不太清ajax和jq的关系,只是把教学视频或某教程里的jquery和ajax章节看懂了而已。

当然,也许他只是想告诉我,他现在会哪些东西而已。不过无论如何,这都表明目前他所掌握的前端技术,都只是一种技术的“罗列”。

打个不太恰当的比喻,html,css,js,jq,,,等等技术,就好像五金市场里卖的各种工具,你只是把它们买回家里,放在仓库里。你只是看了工具的说明书,但并没有学会如何“使用”它们。

例如,正确使用电锤冲击钻在墙上开出整齐的电线槽。而你只是看懂了说明书,知道这玩艺儿是冲击钻,但并不会用它开槽。

与这个例子相对应的,就是你所谓“学习了的”html,css,js,jq,这些东西你只是把它们从书本上搬到了你的脑子里,你的脑子就是上面那个例子中的仓库。

你只是知道做网页,要用html,css,js,jq,angular,,,等等这些东西,它们是做什么的,你也知道,也大体上会用。然后呢?没了

就好比我现在也知道电锤要插电,然后用它可以在墙上打洞、开槽。我看过别人用电锤,也明白它怎么用。但让我用它,不会。

上面写这么多,是要把问题分析明白。因为不止你一人这样,许多人都有类似的问题,所以我干脆发在文章里让许多人看。

接下来开始回复他的问题,“怎么办”?如何才能摆脱现在的“苦难”?

他自己也知道是练的少,其实没错,就是练的少。那,然后呢?怎么办?

先来歪个楼,大家都知道练毛笔字吧,刚开始时写的烂,要浪费好多宣纸。以后慢慢的字越写越好了,这些宣纸就给裱起来,挂墙上了。刚开始时的那些写烂的宣纸呢,扔了。

而你学习前端肯定是为了就业,要找工作挣钱。你零基础,你在行业里一天一天的攒工作经验,锤炼自己的能力,以后慢慢的你越来越牛B。

你看这和练毛笔词是一个套路,问题是,但凡长点心的公司,都不愿意做“被你扔掉的宣纸”。

看到这里,不知道你明不明白,你是练的少。但不仅仅是练的少,而是“在哪练”的问题,你要做有效的练习。

现在前端开发讲究的多人协作,工程化,模块化,模板,node中间件,MVVM,单向数据流,但这些高大上的玩艺,我个人觉得对新人来讲用处不大。这些东西都是对已有业务流程的提炼和归纳。如果不了解业务而去学这些东西的话,就类似于代码才写了几百行,就开始看《设计模式》一样,学的不接地气。

那回到刚才的问题,怎么叫有效的练习呢?

前端这个东西,就算牛B到了外太空,它操作最多的依然是DOM节点和JSON数据。无论前端怎么变化,所有的框架也只是方式和方法不同,而已,无一例外。

说到这里,此文的核心观点出来了,有效的练习是“你要熟悉JS要操作的东西”。就是你要熟悉DOM和JSON这二个东西。

DOM怎么熟悉?

我建议你多练练切图、写静态页面。多研究复杂的前端页面是什么结构?例如京东,它的首页DOM结构,绝不简单。

做静态HTML页面熟悉了,你就熟悉了网页上的各种结构,你就熟悉了你要操作哪里,才能让哪里有变化。

就例如我自己吧,2002年就做网页设计,然后是网页制作,然后是JS前端开发。因为我做了好多年的静态网页制作,导致我对各种网页的DOM结构无比熟悉,一看UI,就知道它的View展现和dom结构应该是什么样子,就知道我想让这里动起来,应该把事件写在那里,。。。

JSON嘛,就简单了,看看语法结构就OK了。

静态网页的DOM结构,是前端开发的基础。这个不熟悉,你用JS操作什么呢?

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2016-11-09

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏BeJavaGod

微信应用号什么鬼?小程序会不会替代原生态App?苹果会怎么想?

先说声抱歉了,小编最近实在太忙,一直没怎么更新公众号,下周一项目一期要上线了,赶工赶点。。。 ? 这两天被微信应用号的消息轰炸了,有部分服务号收到了官方的邀请,...

3605
来自专栏web前端教室

仿制 豆瓣电影 app beta(一)

今天做一个简单的仿制 豆瓣电影的app,因为白天要讲课,所以只能晚上等孩子睡了,再抽空来写写,所以。。。界面上看起来确实比较简陋,但功能都还是ok的。 ? <!...

3416
来自专栏Web 开发

迟到的WebRebuild年会手札~

所以,重构永远都需要,只有经历过重构的人,才会深刻体会到语义化的含义,体会到行为、样式分离的好处,体会到重构的好处。

930
来自专栏极乐技术社区

一周小程序【资讯教程Demo】更新

轻松一刻 请不要误导我,我懂二进制 ? 微信小程序官方更新 小程序能力升级 微信推出官方教学小程序:基础功能为主 面向中老年人群 资讯与教程 微信小程序开发问...

3707
来自专栏web前端教室

根据设计图对工作量进行“预判”

今天的标题中的预判,意思就是预先判断。根据设计图,对此项目可能发生的工作量,进行预先判断。一般开新项目之前的会议上,每个人都要报一个预估的工期,这个工期就是根据...

2166
来自专栏花叔的专栏

Nodes小程序追加评论功能

话说,最近深圳发生了一次恶性的超市砍人事件,事发点所在的超市竟然位于花叔第一套房子所在的小区!

29711
来自专栏ThoughtWorks

弯道超车!后端程序员的Angular快速指南|TW洞见

今日洞见 文章作者、图片来自ThoughtWorks:汪志成。部分图片来自网络。本文版权属ThoughtWorks公司所有,如需转载请在后台留言联系。 友情提示...

31810
来自专栏阮一峰的网络日志

Google日历简易版 2.0

长假期间,我写了一个小程序,现在正式发布。 大家用不用Google日历? ? 它可以用来规划日程、记录事项、甚至写日记,既安全(数据保存在Google的机房)又...

4338
来自专栏Sorrower的专栏

生产力提升!Ubuntu16.04LTS软件推荐, 对比win7/10!(2018.4重编版)

2422
来自专栏BestSDK

用户为王(一)

image.png 作为一个热爱为移动应用工作的产品设计师,为了寻找新鲜的交互和精彩的视觉体验来刺激我的灵感,我每周都会下载大量的手机应用。这么做有时候会捡拾到...

2817

扫码关注云+社区

领取腾讯云代金券