我的前端“先行”之路

自我介绍

大家好，我叫邓旭辉，英文名Luke，网络ID向朔1992。

我是五月份加入老尚的先行者计划的，下面我先会介绍一下自己这段时间的一些收获和感受，其次介绍自己是如何从焦虑转变到现在的学习状态，中间经历了哪些心理过程，最后会介绍一下自己目前的学习计划和学习现状以及学习总结。

焦虑期

背景
我是今年2月份开始在深圳一家外企实习，这家外企是一家全球公司，深圳分公司是主要做外包的，项目都是上千万RMB的规模。在项目组里我的角色是前端实习工程师，其实之前我是做JAVA开发的，实习的时候，项目组缺少前端，自己之前也对前端感兴趣，于是非常乐意的转方向了。

项目用的框架是JQuery EasyUI，以JQuery插件的形式完成一个SPA（单页面应用程序）。

现状
好了，背景介绍完了。别看一切好像挺好的（现在回想起来确实还可以），但是自己当时焦虑啊，经常性的自我焦虑，想法爆棚。因为相对前端来说，我啥也不会啊，虽然说之前也会HTML/CSS，但是对于HTML5/CSS3一点都不知道啊，JS更加啥都不会，JQuery当时都不知道拼写。不过好在架构师和导师都是非常热心的人，给我很多学习的建议和指导（在这里感谢Kenny，Sam，Kun，James等同事的帮助）。就是这样的零基础造成了我在项目组中帮不上忙，每天都很空虚，虽然自己也看书看视频，但是没有实践就没有成就感进步也不快。焦虑的很难受，特别对于前端众多的知识分支，当时的自己很茫然，经常会有要换公司的想法。

学习执行期

加入
在自己焦虑的时候，就开始寻找各种学习提升的机会和渠道，于是在五月底的时候我找到了老尚的公众号，看了历史消息之后报名参加了“先行者计划”，我是属于比较早加入的那一批人了，当时自己加入之后严格执行了规则，群签到，写学习笔记，群视频，做作业。在群里当时印象比较深的是James，恐龙，浪子神剑，蜗牛99等同学，总共也就二十来人吧。

受益
加入之后两件事让我至今受益很大。一是开始写笔记，在CSDN写（一开始在老尚的论坛），二是写作业，写弹窗组件的作业，应该是老尚开讲的第一个组件吧。

为什么说这两件事让我受益很大呢。因为写笔记我坚持到了现在，从零开始，现在也写了44篇原创了，每周坚持写几篇，虽然写的都是别人已经都知道的问题，但是对我自己来说是真的不知道不清楚的东西，我把他们记录下来，经常在工作中忘了可以去找自己的博客。而且老尚说的，也是我自己非常认同的思想，如果你想让自己会什么，那就去教别人什么。玩笑话：一个知识点，如果你不能让一个三岁小朋友理解，那你自己就是还没有理解。

其次就是写作业，当时自己JS不知道怎么写，更不知组件为何物（现在也不知道），自己只会用C语言那种过程式的写法来实现功能，第一步要干嘛，第二步要怎么着，第三步。。。就是这样写下来的，也简单实现了作业要求，周末群视频讲一下，下周接着改。在这个过程中，写的人不少，但是我写的居然还是不错的，至少功能UI都实现了，这一下给我找到自信和学习的动力方向了，上班也没事就写老尚的作业，问组里五六年经验的大牛，那段时间精神和知识都收获很大。后来我找工作，把这个东西给人家看了（估计人家都看不下去），现在平时工作中，偶尔也会看下自己当时怎么写的JS，怎么实现的功能，反正工作也是学习，就是各种看API。

当时写的代码，实现的效果

方向调整期

这个时期主要是因为我换了工作，暑假女朋友来深圳工作，同学来深圳找工作等各种事情，而且女朋友要陪啊，不陪人家就不开心了。所以暑假的时候，自己作业就不怎么写了但是群视频还是坚持上，最温馨的就是女朋友在做饭，然后我这边开始群视频（因为是8点），然后我边吃饭边搬着电脑看，女朋友还特别支持，顿时心生感动啊。。。

工作上因为我开始切图了，是的，我开始第一次真正意义上的切图了，然后就是各种切图不会操作PS，不过好在有人带，学起来也还轻松，每天的感受就是收获满满。所以对于JS组件的作业就不怎么感兴趣了，每天都沉浸在兼容ie7/8的海洋中，各种欢乐（想哭）。如果你对CSS选择器优先级，盒模型，样式层叠，定位等问题不清楚，说明你的CSS基础也需要加强了，你可以看下以下文章：

• CSS选择器优先级
• CSS盒子模型
• <a>链接四个伪类书写顺序的真正原因
• CSS中background-position的纠结

• CSS样式的五种来源及浏览器默认样式

  更多文章相信你会google，百度，或者看我的笔记。这里也说一句，不要一味的追求JS组件开发之类的，先问下自己，CSS你搞懂了吗，做页面熟练了吗。

建立计划

根据老尚推荐的方法，我在拉钩，智联，boss直聘等招聘网站上搜索1-3年工作经验，10-15K的工作岗位要求，把他们复制下来放在excel表格中，去掉重复的，根据提到最多的一些技能点做了分析，然后统计出了一份技能需求表，如下图：

评估是我自己目前对该技术的掌握程度。最后自己根据以上技能做了一个学习计划表，如下图：

完整的的太多放不下就不献丑了。

这就是我目前的学习计划，主要还是自己要坚持稳步进行，定期检查。

工作驱动学习

现在工作中上了Vue.js2.0，这周开始学习，看了两天直接上项目，自己也是收获颇丰，组里大家都没用过vue，现在大家都开始学，而且要完成一个移动项目。所以vue.js的学习计划肯定是提前和打乱的，这就是说，一切学习还是以工作需要为指导方向，整体大方向自己要清楚就好。

接下来说两句前两天的规则风波吧。反正我的态度就是对自己严格要求，坚持分享学习，付出总会在某个节点给你回报的。继续前进！