【转】2017年2月18日北京线下meetup总结

Published on:

Meetup出现Xdite老师超级惊喜的啊!!!

1.Rails不一定适合大型公司,因为当数据的量级达到几亿数据后再用rails就会产生问题,不过到那量级后会挑其他的技术框架使用.因此创业公司更加需要Rails框架来快速实现产品.公司初始时用Rails,等公司规模变大后,再逐步替换掉底层架构.编程的世界不是一个静止的,都是变动的,要改变类似"一开始定好后就不会再改变"的思路.所以,不同时期用不同的技术搭建.

2.会协作是一个很重要的技能,参加JDStore就是对此技能很好的锻炼.协作能力在现实工作中算是个硬件.建议在组队协作的过程中,你做任何修改动作都要想办法让队友知道你做了哪些改动.做到及时有效的沟通随时在相关文档中附上Notes是很重要的技能.

3.3月初就可以去找工作了,之后课程都属于选修范围.

4.动图的功能很重要,本地能动,不代表push上去heroku后能动.用我们现在用的动图截图工具来跟队友证明本地的时候真的没爆炸.这个工具是全球在用的动图工具哦.

5.希望更多用户可以用到自己的做的功能,是Xdite老师一开始学编程的刚需.她也同样遇到时间不够用的问题.

是否写的快就能解决没有时间的问题?练成超快都进前20%的速度了也没有解决.
然后发现可能是项目管理技术有问题.学过相关技术后,发现很多"紧急"的工作是不必要的,善用项目管理技术后就发现工作顺畅了很多.
但接着又出现重复劳动需要有人来帮忙处理的问题.就去想办法把自己从重复劳动中解放出来.人生就不会因为重复而浪费是最高追求.总有能够解决重复劳动的办法,不管是用人为处理还是编程处理的方式.
Xdite老师也很不藏招喜欢教人,因为 1.能教人的都是旧方法 2.自己就从那些工资中被解放出来了,可以去学新的东西.所以最近的刚需就是变成要将自己从重复劳动中解救出来.

6.每天就将Must have/should have以及ORID等方法都运用到日常工作之中.是非常实用的套路.

7.ORID是一个格式,模板来的,可以写很长也可以写很短的.如果平常写很短没有问题,但是重点是要每天坚持写!!详细的感悟可以等周日有空的时候去回顾周中的简要ORID进行回忆提取后总结更详细的,提取练习这个复盘的动作是最重要的.Decision部分的用法:发现自己有什么状况很不好,然后写多了发现自己是否一直在某个坑中,就会引导会想办法改正自己.找出自己的pattern去优化.其实ORID就是将人类平常心理活动作出模块来:看到什么,觉得是什么,进而就决定什么.具象化心理过程复盘给自己看的.

8.在项目实际工作中如何做到能与不同的人都进行有效沟通?
首先,明确项目的目标就是大家一起把项目做好,而不是所有人都互相了解对方性情能好好相处.
搞清楚目的后,不要盯着锁头去找钥匙,钥匙在他处.不用练就分分钟搞定地球上十几亿不同个体的不同性情就能有效沟通只要做到: 公开 透明 妥协
这三个是项目管理的key words.一般高效的公司都会每天用五分钟左右让团队中各位讲一下,各自做了什么,遇到什么困难,就是standup一下.主要是为了确认大家是否做错方向.因为做的慢没有大问题,但是如果做的慢又做错而且还不说,最后一天才发现一定死定!!
做到公开/透明/妥协三点后,纠纷就会消失.或者很多时候将信息书面化也会解决无效沟通的问题.
所以我提的问题是如何跟不同的人沟通,但是解决的办法却不是学会跟几十亿不同性格的人去沟通,而是看到问题的关键在于如何完成项目.

PS.可以参照<古严践行原则> 如果需要想办法揣摩好对方(小领导们)的性情进而才能有效沟通,解决的办法是自己想办法把自己平常的工作公布出去,让别人(包括高级别领导)知道你都做了些什么很重要.如果公开渠道很艰难,或者说如果你无法自己避开这些AIC直接公布给项目负责领导的话,说明项目管理有问题,而且公司不健康,辞职吧!!

9.代码抄起来,程序员进步很快的方法就是抄起来!!!看他们的commit就能知道他们的思路.

10.想跟Xdite老师一起共事吗?助教们的回复是,大赛没有前三名的话,就别妄想了...对了,花十八个小时应该能拿到前十名!!加油!!!

11.Xdite老师看书都直接纸质版的做成电子版的看,超牛的!!

12.线下Meetup超多惊喜,大家一定要来体验啊!!!

MEETUP给我的思考是什么?

1.Meetup讨论出来to do list以及任务分配.一些细节的安排如:
a.Must have的部分争取第一周完成,Should have以及Could have第二周完成
b.小的功能一个晚上搞不定,放弃.大型功能两个晚上搞不定,放弃!

2.不管丢人不丢人了,直接把现有的成品丢上网上去了.

3.怂恿"坑钱组"的建立~哈哈哈哈!!!将游戏化定制人生实践了起来!!!

Reflective
你要如何形容今天的情绪
收获很多惊喜,开心~

今天的高峰是什么?
线下Meetup,各种收获.GitHub上的project协作功能第一次用被助教夸做的好

今天的低点是什么?
跟队友沟通不够顺畅,很是挫败.

Interpretive
我们今天学到了什么?
一堆的收获,详见第一部分~
首页的flash要修掉的话,不是在view里面,而是在controller的welcome_controller.rb文档中忘记了呀

今天一个重要的领悟是什么?
原来沟通居然不是搞定人,而是搞定目的,然后再公开透明妥协的去处理相关事务,沟通问题就自然解决了.
一切困难都是借口,有刚需的话,什么都能办成!!
游戏化定制自己的人生,非常值得实践!!

Decisional
我们会如何用一句话形容今天的工作
完成了比赛相关事宜的沟通,分工完毕,时间安排也暂定下来.见到Xdite老师本尊还提问了真是高兴!!

有哪些工作需要明天继续努力?
1.搞定图片问题,完成第三周第一遍的最后几步.
2.研究好的网页设计作品,给自己找找设计灵感.
3.安排一下自己分配到的工作要用什么节奏完成.
4.研究一下今天看到的花样字体的做法,这样⌈字体⌋形式的字体设计如何实现,花一到三小时.
5.久未见面的朋友聚餐,需要机智的把控一下时间...今天睡前想到办法...

来源:http://realanalysis-blog.logdown.com/posts/1426960-under-meetup-gathering-february-18

2017.2.26MEET UP Summary

Published on:
Tags: meetup

Serendipity! 第一次参加全栈营的MEETUP,收获非常大,下面谈谈我此次meetup的感受:10位不同年龄、性格,来自不同城市、不同领域的小伙伴,因为全栈营这个平台聚集在一起,真真印证了笑来老师的那句话,无数节点产生之后谁也不知道会发生怎样惊人的连接。为节省大家的时间,保护大家的注意力,我选取几个感触最深的部分说,不一定每个人都会提到。

1.伍兰
论坛上的活跃分子,拜读过兰姐的文章,印象深刻,在MEETUP自我介绍环节中因参加全栈营的路径一致而印象深刻,《把时间当作朋友》->《七年就是一辈子》->新手大学->元学习课->全栈营。
整个MEETUP过程思路非常清晰,对于魔改作品有着自己的认识,提出了自己优先完成must hava,should have的功能后期有时间再做的想法。
此外,兰姐还分享了一个最棒的工具,MAC系统自带的预览工具,让修图菜鸟也能玩出PS大神风,教程链接如下:
http://forum.qzy.camp/t/p-ps-mac-p/781/14

2.戴建林
厦门MEETUP队长,MEETUP思路清晰,对于自己的魔改作品定位准确,很棒的一位同学。这里应该叫建林学长哈哈哈。

3.陈杨帆
热心帮同学解BUG第一人

4.王昭昉
一个曾经掉进焦虑的坑而后自己爬出来的强大女生,此后,百焦不侵,于是乎,危机感降低了,随之而来的是进度未跟上却仍没有紧迫感。在这里我能给到的建议是,无需在意真实与虚妄,去走笑来老师已经填好的坑(为某件事赋予重大意义)。希望你能找到属于你的答案。

个人感受:
作为福州MEETUP发起人,这一次厦门MEETUP给我的启发是, 首先MEETUP要控制时间,提前确定好各个环节及所需时间;其次,明确每次MEETUP的交流重点,可以提前在meetup帖子上说明或者群内通知,提高大家线下的交流效率,以腾出更多的时间来练习。对于能够提前准备的发言内容,让大家meetup前先写下来,锻炼写作能力,到了现场脱稿锻炼演讲能力。

2017.04.28-ORID

Published on:

Objective

关于今天的课程, 你记得什么?

论坛学习与优秀作品查看

完成了什么?

完成了千古刘传分享的魔改心得文章阅读与思考。

Reflective

论坛学习,未进行具体开发,对于优秀学员分享的心得很震动,对自己最近的学习方法进行了反思。

Interpretive

我们今天学到了什么?

今天学到了如何做前端页面的技巧。

今天一个重要的领悟是什么?

学习学习再学习 有了很深的体会。

Decisional

我们会如何用一句话形容今天的工作

阅读与思考随行

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

找个心中的TOP1进行暴力前端练习

千古刘传【认知编程 | 心法篇】分享

Published on:

大前天,我零基础入门前端技术,暴力通宵实作2晚,写出了人生第一个网站《Galaxy Recruitment6》:






本文说说认知学习法理论如何与编程学习结合,以达到短时间暴力速成的效果。注意,本文不涉及技术细节,是用学习前端来讲学习方法,任何人都看得懂。

第一步:用旧事物理解新事物,快速建立心理表征

如何把全栈编程能力切成三块,以一个餐厅的空间关系来类比,任何人都能懂。想想这是一个肯德基餐厅的俯视图:

前:用餐区
中:服务台
后:后厨

用餐区的关键点是装潢漂亮,服务的关键点是准确无误地对接顾客和后厨的需求和供给,后厨的关键点是储存原材料并用它制作成食品,交给服务台,最后送到用餐区。

这能理解的话,那编程也是同样的——

前端用餐:你看到的网页。
中端服务:匹配你的需求和数据库的供给。
后端做菜:收集储藏数据,输出数据。

编程里一般说前端和后端,没说中端,但我这样的划分更有利于零基础的人理解。这样,才能建立起对新手来说极其重要的事(对老手已不值一提)——心理表征。

我就是通过这个模型去理解全栈编程的。在这个表征基础上,我就很清楚自己的每一步在整个作品能起什么作用。如果你没这个表征,跟教程一板一眼也能做出作品来,但是你的表征不够清晰分明,让你无法实现迁移。

利用空间隐喻建立心理表征,是人类进化遗留的优势。这适合学习任何新技能时,构建初步的心理表征。
这个认知学习玩法的原理讲起来太大了,在我的认知学习法中有深入讲。继续说编程。

把全栈这个概念切开后,头脑清晰了。接下来,我们来看一下前端用餐区这个版块,发现有三个语言:HTML、CSS、JavaScript。我根本不知道它们三位都是谁?它们之间,到底有什么苟且的关系?

疑问多就是好学嘛,所以你就会去查谷歌或者百度一下,那么必然会被糊一脸屎——

html是一种超级文本标记语言。
CSS层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
每个字都认识,但就是不知道在说什么。

这里就得问一下你哦,第一天学游泳时,你有没有跑去问,教练,水到底是什么?水为什么会这样?水有什么原理?

我倒是从没见过游泳教练会跟你讲什么是水,水的本质是什么。这是物理学家的事,关游泳教练啥事?

编程跟学游泳一样,你别去问HTML、CSS、JS都是什么鬼,你是来游泳的,不是来搞科研的,你只需要知道能用它做什么

所以,仅用以下类比就足以建立起基本的行动心理表征——

HTML是素描稿,CSS是水彩笔。
HTML是毛坯房,CSS是装潢样式。
而JS是干嘛的?让水彩画动起来。

虽然这样的类比很粗糙,但是so what?就像狗刨,跟游泳的正确姿势相比,这种类比粗糙到不行,但是你立马知道能做什么了,于是,你就暴力踹开了新技能的大门。

建立最基本的心理表征极其重要,哪怕与正确的标准相差十万八千里都没关系。

因为,接下来你要接触该技能中的新知识,你都能用“旧事物理解新事物。

第二步:完全彻底地模仿

有了基础的心理表征,接下来第一件事就是模仿。

模仿!
狠狠地模仿!
暴力自杀式地模仿!

前端就是你看到的网页,那么我要入门前端,直接去拷贝复制别人的网页就可以了。

模仿谁呢?——

你心中的TOP1!
既然都模仿了,就只模仿第一名,不要找一个简单的对象来模仿。

这就是所谓自杀式地模仿。什么是自杀?

打个比方,就像学游泳的第一天,有人去儿童区,有人去浅水区,有人去深水区,而你,因为住在长江旁,就直接往长江里跳。好在,编程上自杀式地做不会要你的命,最惨就是把项目彻底做烂了。

如果模仿的太简单,速成也许可以实现,但暴力速成则很难。

所以,我真实执行的路径如下:

1、找到要模仿的水彩画

自己想要做电影主题,找到我心中的TOP1漫威,打开他们的官网,看了一下界面,决定要做成风格。

2、找素描图

进入全栈营的官网,复制前端的HTML和CSS代码,只字不差地扔进自己的项目,这样就有了网页的素描框架。

3、对照着要模仿的水彩画着色

现在有了素描框架,有了要模仿的画,接下来就是要复制的网页上的颜色都给涂掉,重新涂色。

第三步:拆解要素,逐一更改

执行模仿路径时,我就开始观察代码与网页之前的对应关系。但是网页很复杂,一一去看,似乎费力不讨好,有没有方法归纳。

任何平面都能拆解成这三个要素:几何,颜色,位置。

所以,当我要模仿顶部导航栏时,就着重去找分别影响几何、颜色、排版的代码。而且,真的很好找。

在编译器中,搜索“color”,就有了所有有关color的代码,例如“color:#894141”,后面就是颜色值呗,改一改,看看网页怎么变。

例如“margin:30px”,margin是什么,不知道,改一改后面的值,看看网页怎么变。

这样调一调,看一看的对照流程,多走几遍,就能建立起清晰的CSS水彩画心理表征。

接下来的重点是:不要去背!不要去背!不要去背!

可能很多人是受科幻电影的影响,看到的程序员都是键子如飞,啪啪啪打完一串代码。然而,现实中完全不是这样的好吗?

背下来有什么意义呢?因为这些代码是什么,在google搜一下就有了,根本不需要背。类似于“唐太宗生于哪一年?”这样的陈述性知识,常常拿来做什么智力竞赛,背下来能默答,似乎就很聪明。可是,这就能比搜一下再答出来,更懂历史吗?

暴力入门,请关注该技能中的程序性知识。过去没有搜索引擎,没有陈述性知识你就无法行动。现在学习新技能,凡是陈述性知识,尽量外包给搜索,把自己有限的工作记忆留给程序性知识,例如逻辑、关联、因果。

所以,理解了HTML和CSS与网页的对应关系,就是学到。而且,我就仅仅敲了两个通宵,影响页面最主要的代码就已经形成肌肉记忆。

这事唯一的难点,就在于对应关系实在太多了,不过这也很好解决:每天看懂两三个对应关系。这不就跟背单词一样吗?

好了,CSS学完了。

对,在我的观念中,这就是学完。在这点上,我的定义和很多人不同——

学完就是把谜变成未知。
什么是谜?什么是未知?

未知的定义是,虽然我现在不知道它是什么,但是我知道掌握它的路径,通过努力一定可以完成它。

谜的定义是,我不知道它是什么,也不知道掌握它的路径是什么,即便有了路径,也并不确定能它是什么。
当一个事物从谜到未知时,就已经学完了。接下来,你的关注重点是持续地做,而不是在学了。做久了,就熟练了。熟练了,未知就变成了已知,就懂了。

这种谜之学完,定义不清楚,你就会找不到学习重点。例如背单词,不存在解谜,它是未知,所以只要持续地做,就一定变成已知。

很多错误的学习观念,就是把未知当作谜。学习中一旦遇到挫折,这就会导致一系列的归因错误——

解谜失败,我不够聪明,没有天赋。
反过来,如果这是未知,遇到障碍则是归因到——

我的执行和行动有待改善。
前者分分钟让你从入门到放弃,后者却让你更好地进阶。所以,这又应了那一句话:心念一闪,震动十方。

学习是把谜变成未知,做到是把未知变成已知。
用这个思路,把HTML也理了一遍。于是,前端达要到60分的谜变成了未知,接下来就简单了,去做!如果你看过《低水平勤奋怎么了?》,我就提到,60分之前,不要问为什么,只管做。

于是,就有了这次的《Galaxy Recruitment》。


以上,就是我本次暴力入门的心法。

2017.04.27-ORID

Published on:

Objective

今天完成魔改作品分页功能与添加公司名称、工作地点 的Column与显示。

Reflective

今天在功能开发时的状态是很集中的,但是练习的时间不足。

Interpretive

看到了其他同学的作品,感觉自己的进度落下好多,意识到需要找个时间,静坐思考自己接下来的方向。

Decisional

今天完成了魔改作品分页功能与添加公司名称、工作地点 的Column与显示,明天继续学习前端知识。

2017.04.26-ORID

Published on:

Objective

今天找了一个模板进行首页的大调整,调试一半,还未完成。

Reflective

一开始的想法是把首页做的漂亮些,后来发现一味的套用模板不利于自己的进步,在反思后,决定还是以简洁的风格来参加这次魔改。

Interpretive

最重要的一个感受是,不要过分追求华丽的页面,来到全栈营就是为了成长,自己对知识的理解与掌握才是最重要的。

Decisional

明天完成分页功能与首页的简单布局变更。

2017.04.25-ORID

Published on:

Objective

首页导航栏颜色更改

Reflective

今日练习时间太少

Interpretive

尽快确定魔改结构用MUST HAVE/ Should Have 方法安排计划

Decisional

增加分页功能(一直觉得太简单没放上去。。)、首页布局变更(navbar与footer)

2017.04.24-ORID

Published on:

Objective

一、NIC老师直播bootstrap使用技巧,启发很大,接下来需要练习巩固。
二、完成了作品V1.4版本更新,
更新内容在招聘信息页,有以下三点:
1.增加三大主要需求职业栏目图文
2.招聘信息页背景图设置
3.table透明度设置

Reflective

今天在魔改页面时非常专注。
低峰是感觉自己进度太慢,没能达到自己的预期。

Interpretive

我们今天学到了什么?

bootstrap 栅格系统,将屏幕分成12格 :col-sm-12 为满格。
我使用col-sm-4增加了三个主流职业信息在招聘table上方显示。


atom好用的插件:autoclose-html、color-picker、activate-power-mode
相关文章已发表到全栈营论坛,详见:
助你提升魔改效率的Atom插件
今天的领悟是,学到东西才是最重要的,不要太在意一些细节上的东西。

Decisional

接下来要完成首页的样式变更,去模板社区选取一个自己喜欢的。

2017-04-23福州[Six]MEETUP总结

Published on:

参会人员

今天非常lucky的邂逅了我右边这位“京城下乡”的邹正宇同学,再往左依次是王玲玲、余自遥、袁园、陈建清、曾金麟。

本期核心主题

Job-listing魔改大赛的体会与设计思路分享。

MEETUP环节

  1. 各自练习、复盘魔改
  2. 分享魔改思路
  3. 近期学习体会交流

我的魔改思路分享

为了最大速度了解ROR(Ruby On Rails)全栈开发的流程,本次我选择了一个单一的主题模拟真实用户需求进行开发。
首页套用了NIC老师分享的模版进行修改


应征页面实作了搜索功能,标题栏排序功能以及table变色的布局。

并在下方放了一张健身成果图以使页面不那么单调。(后续会继续修改迭代)
两行css 实现table隔行变色(效果图与代码):

tbody tr:nth-child(odd) {background:#xxx;} //设置tbody标签下所有奇数行的背景颜色
tbody tr:nth-child(even){background:#xxx;} //设置tbody标签下所有偶数行的背景颜色

标题栏排序代码:

搜索功能模糊查询概念介绍

点击搜索按钮后,rails控制台出现图中蓝色部分的SQL(结构化查询语言)语句,其中like条件表示模糊查询


(搜索功能另写文章复盘,后续再更新链接至本文)
先附上作品地址:https://fullstack.xinshengdaxue.com/works/336

心得分享

想要在全栈技术上快速成长的同学 &(特别是)将来想转行做ROR全栈的同学请把魔改当成自己人生路上接的第一个IT网站订单来做。通过多看优秀学员的源代码增加自己的思路,好的功能可以借鉴(先照抄代码,观察输入输出)。目前的前几名都是通过看第一期优秀作品的源代码和论坛的资源提前准备,一步步整合出来的。魔改大赛很锻炼自学能力,找资源的能力,这也是我目前还比较薄弱以及希望提升的,所以不放过魔改这个机会。

总结

大家在最后都提到了全栈 用的问题,一些同学除业余时间学习全栈外,平时的工作与生活似乎较少能用上全栈的知识。关于这一点,余自遥与陈建清同学已经用行动做了很好的榜样,他们接受了一个真实用户需求的挑战,目前在用rails技术去开发一个网站,大体功能为 从主页面跳转后按照不同文章主题分类显示到页面的功能,通过这样的真实练习,不断的提高对技术上的理解。另一方面,全栈营除了教如何写代码外,也传授了不少很好的学习方法,这些方法是通用的、可迁移的,全栈营通过ROR的代码教学来实践与印证这些学习方法,比如我们可以将ORID运用到我们的日常工作中进行复盘,将计算机思维&User Story 用于拆解生活中遇到的问题。

本期MEETUP不足:缺少好用的工具分享,可能与最近都在冲刺魔改进度有一定关系,接下来的重心要调整到论坛上,多吸收其他同学分享的经验与干货,同时进行实践与练习,在下一次MEETUP时给彼此带来更多的收获。

2017-04-21 table隔行变色

Published on:

两行css代码搞定table隔行变色


图片中的table隔行变色是我使用css做的一个小实验,颜色搭配还不是很好。

实验页面:app/views/jobs/index.html.erb

通过以下两行css代码


tbody tr{background: #C5E1A5;} // 设置tbody标签下所有的tr背景颜色为草绿色
tbody tr:nth-child(even){background: #BCAAA4;} // 覆盖tbody标签下所有偶数行的tr背景颜色为淡咖啡色

:nth-child()选择器说明

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。
Odd 和 even 两个参数可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。
所以上面的代码还可以这样写

tbody tr:nth-child(odd) {background: #xxx;} //设置tbody标签下所有奇数行的背景颜色
tbody tr:nth-child(even){background: #xxx;} //设置tbody标签下所有偶数行的背景颜色


附上W3School关于:nth-child()选择器的说明链接:
http://www.w3school.com.cn/cssref/selector_nth-child.asp

补充:table标题栏的颜色可以通过直接变更thead标签来实现


thead {
color: #795548;
background-color: #A7FFEB;
}