【JD魔改总结】一场多维度训练

Published on:

本文目录:
商店大赛中完成了?
如何形容商店大赛时的情绪或感受
get到的概念或技巧:
一、如何保持一个相对稳定的心态?
二、数据分析。人群中,大体上是符合某种比例分布的。
三、共赢 + 走在前面
四、镜像神经元的利用
五、前端设计感
六、前端怎么做更快
七、做过的功能要及时记录
八、怎么发现网站的优缺点
九、完美主义的坑
十、常逛的网站、常用的工具
十一、写过的教程和日计划日复盘
十二、队友写过的教程和大赛复盘
十三、关于我的队友
十四、参赛前后最大的不同
有什么关键转折点?
有什么重要领悟?为什么重要?
有哪些工作需要明天继续努力?

Objective

商店大赛中完成了?(与哪些人、事、物有关):

  • 执行力测试:跟杨童鞋组队前,刚好是job-listing大赛结束,被他建议做一个大赛采访帖。自己并不擅长聊天,一开始有点抗拒,但最后还是抱着试一试总会有收获的心态,把这件事做成。帖子见“十一、写过的教程和日计划日复盘”。

  • 找到互补队友杨童鞋(他做后端我做前端),一开始只知道他创意点子多。后来才发现我捡到个神队友,交朋友、写文案、想点子都很惊艳。这是本次大赛里最大的幸运。

  • 确定题材后,找到一期比赛中的相关作品,与学长姐们交流。

  • 开一个两人群做日计划日复盘。详见JDstore日计划日复盘 99和小猫。里面的图片草稿也记录了我们一开始定的目标,【第二名】。

  • 比赛结束前的3天定目标票数1500,最终完成1626,包括185个vip投票925,701个vip投票701。

  • 保持至少两天一次大更新,从6月6号到6月11号,保持每天更新一版的节奏。最终我们更新了12版,更新日志如下:

【V12.1 更新thanks界面】
更正错别字
2017-06-11 23:37
【V12.0 最终更新,增加thanks界面】
感谢一路上给我们帮助的人们
解决一些bug
调整navbar样式
还有不完美得地方
留有遗憾 下回才能做的更好
谢谢大家
2017-06-11 21:52
【V11.0 js图片无限循环动画 + 随机商品加入购物车加强版】
增加了一个js无限循环功能
鼠标位置不同循环方式不同
请不要盯着他一直看 会穿越的
增加随机界面
随机加入范围内随机商品进入购物车
应该是蛮有趣的 嘻嘻
2017-06-10 15:22
【v10.0 增加Q&A板块】
给那些想知道我们在做什么的人准备的,我们的文案有点弱,又做的是一个新型服务产品,没办法用几句话说明白我们是做什么的,特别没画面感呀。大段大段的话又不会有人看,所以单独增加一个页面,给那些深入体验顾客,算是送给你的彩蛋把。
2017-06-09 22:48
【V9.0 随机商品加入购物车初版】
增加随机加入购物车功能 
点一下 五件商品就随机加入购物车了 
原材料的不确定性增加了品位的乐趣
请放心 无论有什么 我们都会做出美味
2017-06-09 01:02
【V8.0 增加招聘版块】
更贴合真实需求 
修各种navbar 样式统一
2017-06-08 00:36
【V7.0 黑暗料理,重出江湖】
第二套商品系统 
第二套购物车 
新的秘密 
欢迎体验 
ps:两天一更 我队友太厉害了 
pps:今天肯定要变杨汪汪了
2017-06-07 00:57
【V6.2 修改网网址】
https://taste-laboratory.herokuapp.com/
好伤悲 一直一来我们的网址都是错的
https://taset-laboratory.herokuapp.com/
2017-06-06 22:16
【v6.1 增加用餐时间】
更贴合实际需求
2017-06-06 07:52
【V6.0 巨大更新,增加 大厨聚会板块】
再也不用思考 吃什么 和谁吃
只给爱冒险的你
欢迎品鉴
2017-06-04 00:06
【v5.0 暴走更新 首页增加用户评价与保障】
引导更加清晰 
使用户更加放心
2017-06-02 00:13
【v4.1 紧急修复 轮播图不轮播的情况】
2017-06-01 14:08
【v4.0 重大更新 黑暗料理界面重大改版】
轮播图缩略图
风格小清新
2017-05-31 01:12
【v3.2】
修复 flash 
修复按钮 
修复 登录页 
修复注册页
2017-05-30 21:51
【v3.1 修正更新日志2.1问题 半夜确实不适合更新 都已经第三版了 又更回去了......】
2017-05-30 09:57
【v3.0 第三版现已隆重上线,欢迎前去体验】
主打简洁风格
增加省市区三级详细地址 
增加分类
修复主题不清 
修复引导不够 
修复中英文混搭 
修复大量僵尸页面 
修复产品图片粗糙 
修复按钮样式 
修复navbar与footer 
修复字体不统一 
修复自适应 
修复错位
已经变成两个网站啦 会有不一样体验呦
2017-05-28 23:06
【v2.1 增加详细地址】 
更贴近实际需求
2017-05-30 01:01
【v2.0 重大更新 增加黑暗料理界面,自选厨师、原料,玩法更自由。 网站上有两套货物系统、两套购物车系统,相互独立,互不影响。】 
这版更新花费了好多心血,希望大家喜欢。
2017-05-26 00:25
【v1.3 解决了下拉菜单的bug】
只有xdite老师一个人投票,xdite老师好孤单呀。
2017-05-24 18:59
【v1.2】
更改首页轮播图文案,我们其实是做创新菜品味道的。
【v1.1】 
解决了javascripts冲突后 完成了客服功能 TAT

Reflective

如何形容商店大赛时的情绪或感受

  • v3.0大改时觉得有点累。

  • 总体状态很好,5月26号之后没有什么太大的情绪波动。

商店大赛的高峰是什么?

  • 成功第一个上线、获得xdite老师头香、nic老师点赞、完成v3.0大改版、票数超过1500。

  • 找到神队友。

  • 用zoom视频聊天的方式,帮助同学们跳前端的坑。

  • 被队友肯定。

  • 鼓励同学参赛。

商店大赛的低点是什么?

  • 5月20日纠结logo设计。

  • 5月23日纠结首页不能大小屏幕自适应。

  • 5月24日感觉黑暗料理版块不清晰,无从下手。

  • 5月25日纠结黑暗料理版块的图片动画效果。

  • 魔改的痛:由于主题表达不明确(没有明确知道自己是卖产品的还是卖服务的),5月26日晚上(作品上线一星期),决定把第一版完全推翻,重新开始规划一版。

Interpretive

get到的概念或技巧

一、如何保持一个相对稳定的心态?

  • 1、对一些不想做但又很重要的事情,把它们当做一次测试,先自己设想一下搞砸的最坏结果,然后保持一种试一试的态度去做。——慢慢发现自己不再那么容易简单粗暴地否定和拒绝一些事情(比如求助、写文章、拉票、交朋友),而且因为是抱着试一试的心态,就不会去担心焦虑太多,脸皮也不自觉地变厚。

  • 2、不要因为一次失败就急于自我否定,要知道一开始做事的方法一定需要调整,也把它当成一次测试,测试后调整过的方法才是比较靠的住的。就像喝一杯开水,你会先尝一小口试试温度,而不会不管温度直接大口喝吧。

  • 3、抱着测试的心态有什么用?——
    比如求助了没人理、写文章没人看、拉票被拒绝或没人理会,或是觉得对方性格比较高冷,甚至可能不太友善。——这时要想一想,是不是自己的做法、表达方式需要调整,或是自己的帖子没有在合适的时间(论坛比较活跃或大家刚好需要这个功能的时候)发布。——调整方法是:想办法如何与对方达到共赢。

  • 4、还能用在什么地方?——

比如做代码测试。看nic老师的直播,发现nic老师非常喜欢做测试。自己对git比较熟练完全不担心专案测试做烂,我会直接拿当前专案跟做一遍。测试成功后,把相应代码整理到logdown,然后在专案上重新做一遍。——由于抱着这样的心态,于是多做两个页面我也不会说些什么,甚至是5月26日决定完全推翻第一版所有页面,也没有多少抱怨。

二、数据分析。人群中,大体上是符合某种比例分布的。

  • 1、比如,全栈营线上第一期的数据,500人中有189人参赛(其中优秀的100人,普通的89人),30人第一页都没有打开,400人打开过job-listing,300人打开过jdstore。——这个数据有什么用?——如果大家都没有刻意去想如何成为那参赛的40%,可能第二期也会出来类似的数据。

  • 2、怎么成为参赛的40%?——从全栈营的参赛率,来倒推,就会更清楚自己每一个阶段要做些什么来确保自己不会掉队。

(1)如果是我,换个大图我就交了。第一时间交,就会想办法跟上同学们的浏览量和票数。跟不上第一波进度,除非手头有很多人力物力资源,否则很难再拿到好名次。但是对于“第一时间上线作品”这件事,人群也是一个大概固定的比例,从我对一些一二期同学的了解来看,这件事情对很多人来说是一个坎。留级学员更容易想明白和做到,而二期学员很多是做的很好了却不敢提交(我想还是连皮薄啊)。
(2)除了参赛外,如果还想名列前茅,可能要做下面一些事。
①、rails101做10遍(第一次魔改前),从第6遍开始要确保是在1天内完成一遍。
②、job-listing做3遍。jdstore做1遍。
③、比赛的时候各种走在前面,参考下文“三、共赢 + 走在前面”
④、不要简单粗暴地抗拒拉票,这件事不管全栈营的游戏规则怎么改都逃避不了的,而全栈之外的很多比赛也是逃避不了的,我们可以鄙视那些自己不喜欢的拉票方式,但同时要想办法做其他事情去填补。——每种拉票方式(交朋友、写教程、教等),都很容易带来情绪上的波动。所以,最好能够明白,每种方式,能吸引到的人都是有限的,拉票的时候被拒绝也是常态,因为有的人喜欢页面精致的作品、有的人喜欢努力更新的作品、有的人喜欢功能特别的作品、有的人比较高冷、有的人比较热情、有的人会觉得得到帮助了需要给你投票、但也有人不这样觉得。

  • 3、有什么用?——任何一种拉票方式,成功率都不会是100%,有时10%都算很高的成功率了。我是在队友的帮助下知道这件事情的,知道这些事情后,就不再纠结于写的教程没人看、发的微信没人回、自己的作品做的不精致等等。

三、共赢 + 走在前面

  • 社会趋向于共赢,不能仅仅只是索取者。对于手头资源普普通通的人,仅仅积累人脉是不够的,这样只能够吸引到一部分人,有的人是不吃人情票这一套的。

  • 所以,作品还要走在前面。——别人将要做的页面,自己已经做过了甚至做了几遍,别人将会踩的坑自己已经踩过了。这样,当他们遇到困难需要帮助的时候,自己就是有价值的。

  • 我一直坚信,像我这样资源平平的小白,跟不上一波进度,我们的排名就会掉一个档次,所以就有了下面各种走在前面:

    ①、比赛开始前找到队友;
    ②、比赛开始前定好主题并开始做页面;
    ③、确定题材后,找到一期比赛中的相关作品,与学长姐们交流。——除了学到作品经验外,最后还收获了学长姐的投票。
    ④、开了一个两人群,第一天晚上发布“我今天要完成xx”,第二天晚上发布“我完成了xx,没完成xx,还完成了xx”。
    ⑤、比赛开始前测试github合作,发现教材bug,教材没有跟我们说要自己新开一个github而不是用全栈fork过来的那个;
    ⑥、比赛开始前准备提交作品,并成功第一个上线,获得作品区第一个评论(还是xdite老师的);
    ⑦、比赛开始时,很多人在更新第一版,而我们已经开始第二版;投票开放,获得xdite老师头香;
    ⑧、第一个加入两套product系统;
    ⑨、第一个加入省市区详细地址功能;
    ⑩、第一个加入招聘功能;
    11、第一个实现随机加入购物车;
    12、可能还是第一个完全推翻前端页面重做的作品。可能我们的migration、routes、views都是作品区里最多的一个。
    。。。

四、镜像神经元的利用

  • 多跟高手交流。线下meetup、线上meetup、私聊,或是两三人一起开zoom视频聊天。——在jdstore开始前,几乎每一次的线上meetup我都会参加。

五、前端设计感

  • 可以参考这篇三个妙招,做出接近90分的网站页面!

  • 主题选择后,就可以找一些相关网站(推荐两个付费模板网站Template Monsterenvato market),确定要做哪种风格:大气的、精致的、功能丰富的。主题会决定配色是暖色还是冷色。

  • 没有设计基础的同学,建议不要在设计感上深究,走功能丰富路线。——记住,付费网站有很多处理过的优质图,可以通过chrome的检查功能,找到相关图片。

六、前端怎么做更快

  • 1、先弄清楚页面要加入多少个版块,比如navbar、大图、网站介绍、用户见证、footer。然后用PS/keynote/或画图软件/或手画草稿,做首页拼接排版。——我比较喜欢用PS,把类似的网站模块复制过来拼接,如下图。确定后就直接看图架框架。

  • 2、为了大小屏幕自适应,用菜鸟教程网的bootstrap案例http://www.runoob.com/bootstrap/bootstrap-navbar.html,以及bootstrap的格线系统架框架。如果需要多张图片,一般我会先拿一张重复使用。有时为了方便看到每一层的位置,会在最外层的div 上加一个背景色如style="background-color:red"

  • 3、 整体框架出来后,再去替换每一张图片。然后再去加一些css,比如边框效果、鼠标悬停动画、字体、颜色等。

七、做过的功能要及时记录

  • 我对ORID的理解,并不是在晚上睡觉前,或第二天早上一口气写出来。我更倾向于一个时间段一个时间段地记录。比如做一个功能记录一下、修一个页面再记录一下。如果时间充足,可以详细地写出一篇教程,如果时间不够,最起码也要把没有新功能的代码、或是搜索到的新知识,开一个档案保存下来。下次就可以通过搜索,把这个知识点抓出来复盘。

八、怎么发现网站的优缺点

  • 找至少10个朋友,或全栈同学,让他们帮忙看网站并反馈。

  • 互相采访对方,你喜欢我们网站什么地方?不喜欢我们网站什么地方?自己和队友每人写出5-10点,写完互发。

九、完美主义的坑

①、收藏网站。看到好看的、感觉好用的都会一键收藏。
②、收藏工具。很喜欢翻那种工具集合贴,把所有工具尝试一遍。
③、想写集合贴。在meetup的时候,向文班提过开一个两最一坑的集合贴。
④、死磕一个css,或自适应问题,两天过去了进度还是0。
⑤、很多同学不敢换个大图就第一时间交作品,甚至比赛快结束已经做的很好了还是不敢交作品。

  • 以上都是我在JD魔改前后所踩的完美主义的坑。文班长经常提到,不要收藏,会产生收藏完即掌握的幻觉,收藏以后就不会再看了。——不管是整理标题还是收藏,除非马上打开跟着做出来,并整理出自己的笔记,否则不管哪种方式都是骗骗自己罢了。两天后,你会连看过什么标题都忘记的。

  • 我的理解是,不管是网站还是工具,用到的时候再去找。找到后要直接打开实作,并整理笔记,保证如果把这个想收藏的网页删掉,看着笔记就能够把相关知识实作出来。——完成后再把网站收藏到一个“月不看”收藏夹,一个月后再回来翻,用不上的直接丢“年不看”的文件夹里,即便不小心丢失了,也不会觉得可惜。

十、常逛的网站、常用的工具

  • 最常用的工具(工具不在多,够用就好):

①、zoomhttps://zoom.us/download——视频聊天软件,可共享屏幕、远程控制,两个人聊天没有时间限制,多人聊天40分钟后会自动退出,退出后可以重新新建房间。
②、https://stackedit.io——支持markdown,随时记录
③、在app store搜索ipic——图床工具
④、https://sm.ms/——ipic无法上传图片时的备用工具
⑤、在app store搜索just color picker——颜色拾取工具,免费,支持rgb和html样式。用过的最好用的一个。
⑥、BenjaminKeen工具——自定义和查看大小屏幕自适应,请看下面教程
⑦、Photo Shop CC 2017——P图
⑧、snip——截图工具,支持全屏截图,全屏截图有问题时用full page screenshot替代
⑨、在chrome的扩展程序里搜索full page screenshot——全屏截图工具
⑩、在chrome的扩展程序里搜索show me the images!——下载图片的工具,按住alt+鼠标左键点击图片即可下载,或把图片拖动一段距离就会下载。

十一、写过的教程和日计划日复盘

JDstore日计划日复盘 99和小猫
用@media媒体查询实现绝对尺寸的大小自适应
JS代码如何下载和使用+【鼠标悬停案例】
一键查看多种大小屏幕自适应【工具benjaminkeen】
这可能是全栈营最详细的【带缩略图的轮播图】教程
这可能是全栈营最详细的【下拉菜单和按钮失效】解决办法
这可能是全栈营最详细的【客服系统】教程
landingpage文案不会写怎么办?教你做数据调研
【Nic放大招】常用git删除和恢复命令
采访票数超过2000的一等奖【Job-Listing魔改大赛第二季采访系列1】
采访票数超过1000的二等奖【Job-Listing魔改大赛第二季采访系列2】
采访招聘魔改大赛三等奖【Job-Listing魔改大赛第二季采访系列3】

十二、队友写过的教程和大赛复盘

和全栈营热恋的28天 jdstore之ORID+经历与细节
参赛的小建议
这可能是最容易出现的全栈营【七牛云上传】教程
这可能是最详细的全栈营【seed】教程
这可能是最直白的全栈营【jdstore12章】理解
这可能是全栈营最详细的【省市区详细地址】教程
「霖霖心得」xdite20170609直播笔记(生肉+感悟)
daniel学长酷到原地爆炸 之 随机功能的实现

十三、关于我的队友

  • 聊聊我的队友杨昊霖童鞋,很会聊天、点子多、执行力强、脸皮厚、爱交朋友、为朋友着想、擅长经营朋友关系(后端很强,而且更厉害的是能够获得助教、全栈朋友们的帮助,找到解决问题的思路)、会写好玩的、会想好玩的,常常在slack上帮忙解答问题,顺便逗助教们玩。不足是太执着容易忘记MVP、视频不露脸、不玩王者农药。声音是个汉子,头像是个妹纸(小猫),发微信是个萌娃,听歌是个80大叔,自吹是个90后。

  • 开始注意到他是在job-listing比赛时的一次线上meetup,给大家共享屏幕的时候,让我看到了他的微信,窗口范围内全部是全栈营的同学,其中有我认识的,但更多的是不认识的,这个人的交友能力吸引到我了。胆小、高冷、脸皮薄、不会聊天,这些都是我想去改变的,自己也迈出了一小步,跟几个meetup的同学聊天还算轻松。但是跟陌生的同学,还是完全不知道要聊些什么,怕对方不理我,甚至连加个微信都会感觉忐忑。

  • 直到他让我去做一件非常不情愿做的事,帮我转变心态。加120个全栈营的学长姐。并指引我跟他们去聊些什么,比如“还有在学习全栈吗?”、“找工作了吗?”、“对于两次比赛,你怎么看?”,聊一些他们可能关心的话题或能够给到他们帮助的话题,看对方的回答,找到能够共赢的方式,比如资讯分享(一些自己知道的别人不知道的信息可以交换)、资源分享(一些工具或网站的交流)、技术分享(对方解决不了的问题帮忙解决)。

  • 数据:120个人里面,只有60个通过,60个里面只有30个有回复消息,30个里面有10个秒回聊的比较好、有10个聊的普普通通、有10个一开始是抱有敌意的(可能看不到能从我身上获得什么价值,觉得我就是来索取的吧)。——也就是说加不加微信、能不能好好聊天、是高冷还是热情,都是有一个比例的。有的时候不加微信或不回复,根本就不是自己的问题。而且,抱有敌意的人也可以因为自己提供的价值而发生态度转变。——知道这件事后,就不再纠结于“对方不理睬、不知道要聊什么、加个微信都会感觉忐忑”这些事。

十四、跟三个月前比最大的不同

  • 1、记得住。学会markdown记录笔记的方法,自己整理了几个模板用于不同的文章,一开始写一篇ORID要花2小时的时间,而且完全没有排版。现在可以轻轻松松在30分钟内搞定。更重要的是,这个技能不仅仅局限于ORID,通过结合十六宫格笔记的做法,不管是帖子、书,还是视频教程,都可以边看边做笔记。看完也就顺便完成记录,然后再来一遍复盘、复述,这样下来在脑子里已经有了一个初步的印象,写ORID也就可以直接凭记忆写出,这一点跟一开始那种读过什么都会马上忘记的状态,简直天壤之别。

  • 2、坐得住。刻意尝试和练习过几种方法,通过戴耳机,听那些完全听不懂的外语歌,迅速集中注意力,再把这种注意力集中的状态转移到编程学习上。以前3分钟都坐不住的状态,现在变成刻意坐一整天。

  • 3、愿意帮,知道教是最好的学。在全栈营很少遇到过被拒绝帮忙的情况,自己也像是受到镜像神经元的影响,也变成这样的人。

  • 4、会学。用也是最好的学,不会像以前那样不停地用未知解释未知,一番挫败后还反过来自我否定。明白这个道理后,做什么事情都会尝试着找一下它的高频小套路,边做边总结,而不再是望而怯步。

有什么关键转折点?

  • 1、上线一星期的作品,由于主题表达不明确,决定把所有前端页面全部推翻掉重新做。所以,产品定位要非常清晰。——是卖产品的还是卖服务的、用户群体是男性还是女性、用户年龄段、用户群的经济或是说是做高端产品还是打低端市场等等。——主题明确评判标准是:用一句话描述自己网站是做什么的,发给至少10个好友,如果大家理解到的跟你们想表达的基本一致,就ok。

  • 2、除了分出must do 和 should do外,还要按时间限制、技术难度排优先顺序。如果前两天就写一些特别难的代码,或是在一个css,或一个版块的自适应上死磕一两天,可能进度是0。

  • 3、时刻记住MVP最小可行方案。在v3.0更新前,我们一度想把网站页面做的更精致,但是从v3.0开始,我们放弃精致路线,时刻记住MVP,先做最基本的功能、玩法、页面,有时间再优化,懂设计的同学更容易把作品做的精美,不懂设计的同学可以放弃精美而追求功能的丰富。代码也是先写烂的,让它能动,有时间再回来整理。

有什么重要领悟?为什么重要?

  • 1、不管游戏规则怎么调整。——我会情绪波动,但我不逃。——适应一种游戏规则,就会锻炼到那种维度的能力。

  • 2、拉票的最高境界。不是一个人在战斗,而是一群人主动帮他战斗。如果你在珠三角群,你可以看到一群人主动帮一两个人拉票,带来一个票数暴增的现象。两个2000票的作品,都是在最后的2.5小时内,暴增600票。——有什么用?——反思,现在是一个没有人力物力的小白,从现在开始要做些什么,才能在未来发起类似的号召?

  • 3、一开始我以为编程就是码代码做功能。——现在,我知道编程是为了解决问题,而码代码做功能仅仅只是解决问题的一种方式。其他的解决方式还有主动交朋友、拉票、写教程、帮同学解决问题等等,这些方式我们都可以选择抗拒,但同时会少了很多维度的锻炼,而每种方式只会吸引到喜欢那种方式的那部分人,放弃也就意味着会放弃那一部分的票数。

Decisional

我们会如何用一句话形容商店大赛的工作

  • 捡到一个神队友,把想做的事情都尝试了一遍,写代码、交朋友、写教程、帮同学、朋友圈拉票、meetup、做新课等等,可以用三个词形容:尽全力、幸运、知足。

有哪些工作需要明天继续努力?

  • 论坛看帖的人太少,没有动力写更多教程,比赛后要做更多的小demo测试,并写教程。

  • 学全栈的目的,报名的时候是“找工作”,第一次参加meetup后变成“找工作、磨脸皮”,jd比赛变成“找工作、磨脸皮、交朋友、赢”。不管怎么变化,都是想往进取型人格发展。

Comments

comments powered by Disqus