引子

听说最近有很多小伙伴,热衷于在慕课网上学习各种前端实战教程,并以完成项目为奋斗目标。比如本文接下来要提到的《Vue2.0高级实战之开发移动端音乐App》,这门课程的传授者是来自滴滴D8级的前端大神黄轶,当然也是我推崇的行业偶像之一。

在这里既然提到了Vue这门渐进式的前端框架,我就不得不感慨一下,最近两年,Vue.js在国内的发展可谓是如日中天,红透大江南北(当然功劳也少不了尤雨溪前段时间在上海,北京的演讲,为之宣传布道)。

光我从掘金,简书,GitHub等平台上看到的相关文章或个人项目就不下十几个(还有我没看到的),以至于现在招聘简历上,前端交流群里,如果不聊点Vue,感觉都不好意思称自己为前端(请原谅我如此啰嗦的引子)。

前些日子,我在技术交流群里听到有不少前端小白问,“我学完慕课网的那个vue2.0开发移动端音乐App的实战课程,技术能否提升到百度T4水平?”

也有同学以跟着老师敲完业务代码,完成项目为荣,觉得跟着敲一遍代码然后就会了就懂了,然后这个项目就是自己的了。

况且先不论你学完这门课程,技术能否达到百度T4水平,也先不讨论这个音乐webApp项目你从头到尾掌握了多少。我先说这样一个普遍现象,不知道在座的各位有没有切身体会。

有很多新手学前端都喜欢看视频,每次看完都似乎仿佛好像可能理解里面讲的是什么了,觉得老师讲的我都看懂了,跟着老师也能敲出效果来。可是你让他自己写代码,一行也写不下去。这是为什么呢?

其实,这个问题的答案正好回答了群里那位同学的疑问。知道什么叫做知其然而不知其所以然,授之以鱼不如授之以渔吗?

我想说的是,你仅仅是按照老师说的步骤,一行一行跟着视频敲代码,至于背后的逻辑,为什么会这样写而不是那样写你却一概不知或者知之甚少。你看完视频得到的仅仅是那个项目的源码而已,而老师身为前沿互联网公司的技术大神,他在项目中运用的编码技巧,业务开发逻辑思维,还有技术格局观念,之前踩过的坑,你是毫无知晓的。所以,如果你看完教程不会举一反三的话,那老师讲的知识还是老师的,你浪费的时间还是你的。

那你就要问了,照你这么说,那该如何学习前端(包含Vue.js),才能提高学习效率呢?

其实,视频中黄轶大大已经给出了我们答案,学这门课之前要有一定的Vue.js基础和Vue.js的实际开发经验。而我的建议是先把Vue.js官网文档跟着例子过一遍,然后再看看相关书籍,或者看视频。你要知道,看书是主动学习,看视频是被动学习,通过翻看书籍你可以自主把握获取知识的节奏和速度。当然,也不是要你完全摒弃看视频这种方式。

俗话说,书读百遍,其义自现。本人有一个比较笨的办法,就是重复N次看视频,跟着撸代码,边撸边想想为什么,代码撸的多了,你的脑袋就变得灵光了(不要想歪哦~)。

后记

既然都看到这儿了,想必你是闰土哥哥的铁粉,最后,文末福利到。

自从开了公众号之后,有好多小伙伴在后台私信我,问我刚毕业的应届生如何选择就业,以及如何才能成长为前端大神等等。在这里,我一并回答下:

第一个问题,有很多同学认为刚毕业,公司大小无所谓,能就业就行了。但是闰土觉得,作为新手一定要找一家成熟的公司,因为这样的公司体系成熟,开发规范有套路,在这种环境下让你熏陶的是一种大公司的运营模式,开发流程。在里面呆上一年或者半年,这种理念会烙印在你的思维中,无论你以后是去别的公司还是自己创业,思想是不会丢的,而这种思想会成为你做事的规范(即使我想说,应届生就像一张白纸,最容易在上面勾勒出美好的蓝图)。

第二个问题,我想说,前端其实是个特别苦逼的职业,因为新技术新框架层出不穷,容易让人疲于奔命。当你从大学毕业或者培训班出来后,你的自学能力决定了你未来职业生涯的高度。那么借用前端大神Winter的话讲就是,前端知识分为两部分,一部分我把它叫做标准,他是相对而言比较稳定的,很少会出现一个标准被推翻的事情,比如ECMAScript6。另一部分则是技术,像是jQ,Vue这些框架,像是MVC,FLUX这些架构的东西,这些东西是由各个公司主导的,变化就非常快,你看Grunt发展了没多久,Gulp就来挑战他了,然后又有了browserify,webpack这些东西。所以,我的建议是夯实“标准”,在此基础上再去探索“技术”,也就是我们说的前端框架。

最后,我想谈谈坚持的力量

你正在为自己的未来打拼,也许有时候会感觉看不到尽头。

但你要相信,渡过了这一段努力的自己都能感动自己的日子之后,你想要的,岁月统统都会还给你。

任何值得去的地方,都没有捷径。

希望大家都能成为更好的前端,做更好的自己。

以上是我今天分享的所有内容。

为何你跟着滴滴D8级前端大神撸代码,技术却依旧原地踏步?的更多相关文章

  1. 耐克的定制页用canvas如何实现....跪求前端大神指点。

    选择鞋子的鞋底 鞋底会变色,也可以添加自己定制的id,这个东西看的是用canvas做的,但是小弟确实不知道怎么去做,求大神指点一二,不胜感激! nike的定制页地址:http://store.nike ...

  2. kaggle新手如何在平台学习大神的代码

    原创:数据臭皮匠  [导读]Kaggle ,作为听说它很牛X但从未接触过的同学,可能仅仅了解这是一个参加数据挖掘比赛的网站,殊不知Kaggle也会有赛题相关的数据集, 比如我们熟知的房价预测.泰坦尼克 ...

  3. web开发菜鸟应该如何向前端大神提问题(一次性把问题描述清楚)

    1. 问题的环境和背景这里的背景一般包括,是针对桌面浏览器还是移动端开发?如果是桌面浏览器,则兼容性要求如何?比方说,你来咨询父级是百分比高度的垂直居中效果,你就要说明,你这个效果是需要兼容IE7+还 ...

  4. 要想成为前端大神,那些你不得不知晓的web前端命名规范。

    一.Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范.尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上.比如html ...

  5. WEB前端大神之路之基础篇

    CSS篇: 1.CSS权重: 不重复造轮子啦,直接传送门(CSS选择器的权重与优先规则) JavaScript篇: 1.this关键字: 它是一种引用(referent).指向的是当前上下文(cont ...

  6. 前端大神讲解,初级程序与高级程序写表格变色的区别,dom 0 与dom 1

    我们在遇到表格行数太多时,往往会眼花缭乱,下一行看成对应上一行.就要遇到写鼠标移动那行,那行高亮显示. 这里用到一个this关键字: 在面向对象里,this代表对象本身. 在这里只要记住,谁调用这个函 ...

  7. 北大zhw大神bzoj1756代码

    #include <cmath> #include <cstdio> #include <cstdlib> #include <iostream> #i ...

  8. PAT1080 MOOC期终成绩 (25分) ——同样参考了柳婼大神的代码及思路,在自己的代码上做了修改,还是很复杂

    1080 MOOC期终成绩 (25分)   对于在中国大学MOOC(http://www.icourse163.org/ )学习“数据结构”课程的学生,想要获得一张合格证书,必须首先获得不少于200分 ...

  9. 【leetcode】Wildcard Matching(hard) ★ 大神太牛了

    Implement wildcard pattern matching with support for '?' and '*'. '?' Matches any single character. ...

随机推荐

  1. vue2入坑随记(二) -- 自定义动态组件

    学习了Vue全家桶和一些UI基本够用了,但是用元素的方式使用组件还是不够灵活,比如我们需要通过js代码直接调用组件,而不是每次在页面上通过属性去控制组件的表现.下面讲一下如何定义动态组件. Vue.e ...

  2. weex入门

    近期要做一个安卓端的原生应用程序.情况是这样的:需求方原先已经实现了网页,是一个工具类应用,大致作用是连接到他们公司生产的硬件,然后通手机与智能硬件通信来对硬件进行一系列控制.不过呢,这个网页先前是由 ...

  3. Thinkphp 3.0-3.1版代码执行漏洞

    近日360库带计划中播报的ThinkPHP扩展类库的漏洞已经查明原因:系官方扩展模式中的Lite精简模式中存在可能的漏洞(原先核心更新安全的时候 并没有更新模式扩展部分,现已更新).对于使用标准模式或 ...

  4. php面向对象2

    类与对象的区别和联系 通过 http://www.cnblogs.com/we-jack/p/object.html 和 http://www.cnblogs.com/we-jack/p/php.ht ...

  5. 关于php网络爬虫phpspider。

    前几天,被老板拉去说要我去抓取大众点评某家店的数据,当然被我义正言辞的拒绝了,理由是我不会...但我的反抗并没有什么卵用,所以还是乖乖去查资料,因为我是从事php工作的,首先找的就是php的网络爬虫源 ...

  6. EntityFramework Core映射关系详解

    前言 Hello,开始回归开始每周更新一到两篇博客,本节我们回归下EF Core基础,来讲述EF Core中到底是如何映射的,废话少说,我们开始. One-Many Relationship(一对多关 ...

  7. Cordova各个插件使用介绍系列(三)—$cordovaImagePicker从手机图库选择多张图片

    详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-3-cordovaimagepicker/ 这是能从手 ...

  8. linux中常用的命令

    1.向某个ip发送文件 scp name.tar root(身份)@ip:/lujing 2.重启系统 init 6 3.如果修改了ifcfg-eth0类似于网卡配置文件,修改网口,ip等设置: 需要 ...

  9. Qlik报表开发见解

    因为项目需要,最近去做了Qlik Sense报表开发,学习了Qlik报表的开发方法和一些基础的开发模式,以下是我对Qlik报表开发的一些见解,个人水平有限,欢迎大神指导. 1.Qlik Sense的函 ...

  10. 实现简易版的moment.js

    github源码地址: www.baidu.com 作者: 易怜白 项目中使用了时间日期的处理方法,只使用了部分方法,为了不在引入第三方的库(moment.js),这里自己封装了项目中使用到的方法. ...