全栈营魔改大赛经验

好长一段时间没有更新了,因为爱莉莎参加了全栈营的营业所魔改大赛,和搭档忙得天昏地暗。想想周周更新的诺言,已食言而肥,痛定思痛,明天牙缝里挤时间,统计一下大赛过去的2/3时日,我的心得体会——痛~并愉悦着。

卖什么好?—— 小而美差不多做成了小而杂

魔改大赛,二人一组。
组队后,和搭档决定做个小而美的精品超市。开端收集商品。
认为卖程序员喜用的物品很棒,比如Xdite老师引荐的:超级符合人体工程学的交椅、眨眼间间跻身心流的耳麦、无影手键盘什么的。起名:神器库。响亮!(网站本身还尚无删http://shenqiku.herokuapp.com/)。
后又插足硅谷流行的防弹咖啡,新开一栏——生物科学和技术饮食。
再后来,规格高的话,应该加众筹,加吧。越加更加多,东西尤其杂。

第三个大坑:商品太杂
开发中期,半数以上时间砸在选商品,P图上,因为得选逼格高的货品嘛。

上线之后,发给亲友看,普遍反映:东西太杂,你们到底卖什么?
Meetup
会议上,小伙伴也很多次提示,最重点的是连串可以不辱职责,完结!!商品种类太多太杂,后边资料图片还会有诸多办事要做,
难度指数上涨。真是当头棒喝!

支配改版,精简产品线。刚好遇见大雾天,现在巴黎市香岛空气污染严重,防霾产品有市场。口罩,霾表,空气净化,全方位防霾方案。防霾库:http://fangmaiku.herokuapp.com/
一个礼拜的年华白白溜走。

克隆无印良品商城网站——差不多淹死在CSS、js的大公里

定好产品,起始挑喜欢的风骨,喜欢无印良品的极简风格,在手机上也适配得很好。作为主程的自家,开端克隆无印良品的网络商城。

请警惕新手的侥幸,花了不到多个钟头,把无印良品的网站首页,克隆了下去,并贴上了和睦的出品。很顺畅!大家飞快提交了参赛网址和源码地址。
新兴,后来就傻眼了。

Muji的css文件层层嵌套,后来,我的改观经常不见效。一个导航栏(Nav
bar),调了快两天,那么些控件还像下水的葫芦,按下那头,翘起那头,根本不听使唤。后来静下心来,抽丝剥茧,是上层的Container里面做了种种设置先定,一段段去掉,方好。

同盟负责页面的js
$(document).ready()事件一贯无法实施。但它在其他项目上大夫常运作。最终发现是因为muji自定义lib/map_cn.js文件导致,删除就OK。

其次个大坑: 克隆商业网站,CSS,javasript 稀有嵌套,暴发争论。

好比游泳初学者,即使一初阶在游泳池里学,然后到河里游泳,最终再下海,安全全面最高。
而我们,一开始就扑腾进公里,差不多被淹死。

做产品,毫无疑问要谨记 must have/ should have/ could have/ nice to have
的先后顺序
,先把细微可行的功能做好,再层层迭代,做加法,为虎添翼

  • 导师的早晚: 改版后,XDtie老师说,很有新意。大家很欢呼雀跃。

  • 镜像学习
    搭档每一天改代码改到很晚,看到那么拼命的她,我也不敢心生懈怠。
    青少年伴p图功力日渐进步,把Mac自带的Preview玩出了photoshop的新中度。请看他的分享。
    自身对数据库,routes.rb领会尤其深远,没在Muji
    CSS、js的海洋里淹死,呛了几口水,我就不怕水了。只要花时间,一层层理,bug大部分可以自身缓解。
    Meetup上,同学们分享好用的Gem、工具,对文章提意见。对大家的支付扶持很大。和豪门互相鼓励鼓励,很欢乐。

对第二期学生的三点提出

  1. 先做出MVP(最小可行性产品),再做优化。时刻问自己,什么是最重视的功力?
  2. 建议从Bootstrap Theme
    “Company”

    开端转移,而不是从真实商业网站全盘克隆代码,全盘克隆,坑太多。实在要抄,抄你喜爱的那有些,把相应的CSS,
    js抄下来。
  3. 自身和同伙初始按前端/后端分工,须要频仍调换,白天上班通讯很少的我们有些hold不住。
    新兴改为模块分工:比如自己做主页,她做商品体现页,各自负责对应的前后端,更便利同步,更有成效。

三步克隆无印良品首页

工具: Chrome 浏览器, 查看网页
在你的工程里把 index.html.erb 清空。

第一步

开辟muji官网,点击右键,【查看网页源代码】,复制粘贴到祥和的index.html.erb里面。

点击右键,【查看网页源代码】:

微信公众号【爱莉莎的雪月花】2.png

muji 首页源码:

微信公众号【爱莉莎的雪月花】3.png

复制粘贴到自己的index.html.erb里面:

微信公众号【爱莉莎的雪月花】4.png

第二步

开辟muji官网,点击右键 ->【检查】->进入开发工具->点击
Source, 将 image、css、javascript 文件分别复制到 public/images
、app/assets/stylesheets 、app/assets/javascripts 上面。

注意子文件夹,要将全体文件夹和情节都复制过来。

右键 ->【检查】:

微信公众号【爱莉莎的雪月花】1.png

跻身开发工具->点击 Source:

微信公众号【爱莉莎的雪月花】5.png

将 image文件复制到 public/images, panel 文件夹整个Copy过来:

微信公众号【爱莉莎的雪月花】6.png

微信公众号【爱莉莎的雪月花】9.png

将 css文件复制到 app/assets/stylesheets 上边:

微信公众号【爱莉莎的雪月花】8.png

将javascript 文件复制到 app/assets/javascripts 下边:

微信公众号【爱莉莎的雪月花】7.png

其三步,将index.html.erb 中的相对路径,指到你的品种中的路径:

比如: images 从 /cn/store/contents/img/ 更改为:

微信公众号【爱莉莎的雪月花】10.png

刷新,搞定

微信公众号【爱莉莎的雪月花】11.png


若是您遇上题目,请联系自身。

感谢本次魔改大赛,给了大家很棒的五遍提取磨练

点击防霾库
或者 环视上边二维码,进入大家的参赛小说页面。
喜好大家的文章,请投上您宝贵的一票(要求邮箱注册,但勿许验证),你的砥砺,如春季初升的太阳,温暖感人!感谢!

投票.jpg

喜好自己的稿子,请关怀本身的微信公众号【爱莉莎的雪月花】。
多谢阅读。

相关文章