对第二期同学参赛的提议

好长一段时间没有立异了,因为爱莉莎出席了全栈营的公司魔改大赛,和合作忙得天昏地暗。想想每一周更新的诺言,已食言而肥,痛定思痛,后天牙缝里挤时间,总计一下大赛过去的2/3日子,我的心体面会——痛~并喜欢着。

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

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

首先个大坑:商品太杂
开发中期,一大半岁月砸在选商品,P图上,因为得选逼格高的商品嘛。

上线之后,发给亲朋好友看,普遍反映:东西太杂,你们到底卖什么?
Meetup
会议上,小伙伴也频仍提示,最根本的是项目能够不辱职责,完结!!商品种类太多太杂,后边资料图片还会有诸多干活要做,
难度指数上涨。真是当头棒喝!

支配改版,精简产品线。刚好遇见阴霾天,现在Hong Kong市新加坡空气污染严重,防霾产品有市场。口罩,霾表,空气净化,全方位防霾方案。防霾库: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

喜爱我的篇章,请关心自身的微信公众号【爱莉莎的雪月花】。
多谢阅读。

相关文章