引子

听说最近有很多小伙伴,热衷于在慕课网上学习各种前端实战教程,并以完成项目为奋斗目标。比如本文接下来要提到的《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. javaSE_06Java中的数组(array)-思维导图

    思维导图看不清楚时: 1)可以将图片另存为图片,保存在本地来查看 : 2)右击在新标签中打开放大查看 (IE不支持,搜狗,360可以):

  2. 微信小程序多张图片上传

    微信小程序上传图片每次只能上传一张,所有很多朋友就会问想要多张图片上传怎么办? 首先,我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个个api ...

  3. Vivado2015.4使用教程(一个完成工程的建立)

    双击桌面的vivado图标,(可能有点慢) 弹出主菜单界面,点击create new project 这是介绍界面,next~ 添加好工程名,和工程位置,next~ 选择rtl Project,nex ...

  4. linq中给字段添加别名

    linq 是我们在查询中经常回用到的一种形式,比如我们创建一个类,然后List<添加> 并绑定到表格中 public class Modeltest { string id; public ...

  5. 最新开源DBLayer,原来数据库操作可以这么简单

    DBLayer,我最近开源的数据库轻量级orm框架,目前支持sqlserver.mysql.oracle, 特别做了分页的封装. 这个框架从七八年前开始逐渐升级而来,也经历了不少项目,希望可以将大家从 ...

  6. Linux下一些命令

    #修改键盘布局 setxkbmap -layout us #给用户添加工作组 usermod -G groupname username #解压Tar包至指定目录 tar -xvf example.t ...

  7. docker 架构

    看别的地方大致介绍的,粘贴过来 Docker 使用客户端-服务器 (C/S) 架构模式,使用远程API来管理和创建Docker容器. Docker 容器通过 Docker 镜像来创建. 容器与镜像的关 ...

  8. CSS中可以通过哪些属性定义,使得一个DOM元素不显示在浏览器可视范围内?

    最基本的: 设置display属性为none,或者设置visibility属性为hidden 技巧性: 设置宽高为0,设置透明度为0,设置z-index位置在-1000

  9. matlab对文件目录进行自然排序

    作者:tongqingliu 转载请注明出处: matlab对文件目录进行自然排序 比如我新建一个tmp文件夹,在该文件夹下新建以下txt文件进行测试 a1.txt a2.txt a3.txt a11 ...

  10. 更改zendstudio花括号匹配显示的方法