购物网站编程大赛 总结

经过

早在过年回家的前几天，参加过几次meetup, 认识到了同在一个区的钟同学，钟同学与我也是比较谈得来，聊起了全栈营的课程，以及未来的打算，我们均表示很期望参加全栈营的线下课程，并打算等到时购物网站比赛开始后，一起配合魔改。

可是事与愿违，年后回来，事务繁重，日夜加班，钟同学不得不放弃此次比赛，我呢，也是经常在工作之余，拼命地赶进度，为了赶进度不顾一切。

大概在2月22号左右的时间，我就完成了AWS S3，Figaro, 以及部署到Heroku 等课程的学习，并想着尽快地启动魔改。不过确定钟同学不能与我一起参加魔改了，于是我就不得不另找队友。

庆幸的是，我找到了另外一位好队友——房同学。

房同学谦虚地称要辅助配合我，哈哈。

于是两人在一周的meet up时商定了如何魔改，要做哪些内容，分别做哪些任务。

我自己本身是做外贸相关业务的，也在研究开发自己的产品，于是就琢磨这做一个能自己实用的卖货网站。

我研究了好一个外国公司的产品网站，网站竟是十分惊艳。

乃至于我每次打开这两个网站都觉得超级震撼。

于是就动了心思想去模仿。

想来想去，我现在也只开发一款产品，我专门针对一款产品去模仿类似这样的网站。

房同学跟我说，这就叫landing page.

恍然大悟。

于是我就专门去看一些landing page 的案例，不负我望，经过一个下午的网络瞎逛，居然终于找到一个自己非常喜欢的landing page 模板。

经过一周的努力，我把模板改版成了这个样子。

http://tentstore.herokuapp.com/

对，一周的努力，改版的过程及其艰辛，遇到了超级多的问题。

我以前做过网站，确切点的话来说是是用过一切商城模板，从一开始的简单的到淘宝装修，然后通过下载免费的zencart 资源做商城，觉得zencart 不好用转成magento，后来有觉得shopify才是真正简单的...

这些年倒腾过好几个外贸网站，不过基本都是亏钱的，一年的盈利不够交服务费的说。

这次全栈营的购物网站是第一次完完全全靠自己码（贴）代码完成了，从没想过，自己居然也可以做出一个网站来，哪怕是自己贴代码 ，（当然也能看懂大部分代码），而且完全脱离于那些magento shopify 之类的网站框架模板。

这次为了最快达到效果，我还是使用了模板，不过模板其实是有一部分是php写的，也没关系，咱只用它的html, css, js 就够了。

但在套模板的过程中，一路踩坑，遍体鳞伤。

从一开始：

• css 文件放哪，JS 文件放哪？
• css 不起效果，与bootstrap冲突？
• font 文件莫名其妙。
• video不显示。
• push到heroku 失效

几乎每个简单的问题都耗去了我一整天的时间。

成天地google找答案。

最后一个个攻克， 花了一周多的时间，一个landing page的所有动态效果最终都起效了。

完成好的地方

模板选的好，页面切换效果非常赞，从一开始什么都不懂的情况下，居然全凭自己的摸索让所有css js 特效都实现了。

首页video成功地在heroku上动了，是我当初最激动的一刻，这次video 并不是引用的外链，而是直接把video 也push 到heroku 上了。

完成不足的地方

这次魔改大赛，只做了一个landing page. 起初也只想只做一个页面，让一个landing page 作为一个single page, 让客户完成从了解到购买的所有流程。

结果所有的时间几乎都花在首页装修上了，根本没去动其他页面，比如注册，比如付款等等，终究这个网站还是非常不完整。

前些天一直想再首页实现一个购物能出现小时的功能。
http://codepen.io/drehimself/pen/VvYLmV
研究了几乎两天的时间，最终居然还是没成功，不知js效果为何没起作用。

Palpal的功能还没去研究，仔细算下来，还有很多东西没做，比赛就结束了。

反思

参加这次魔改大赛，从未想过要去拿名次，但以我自己的尿性，果然是不拖到最后几天，就不完成任务的。

这次又得再复习一遍Xdite 老师的项目管理课了，想要在一场大赛里获得第一，少不了套路的，

首先是时间上的安排。尽早确定自己要做什么最好。千万不要磨磨唧唧地纠结，到底做什么好。

别浪费太多时间纠结于一些细节的实现，总是抱着——不搞定不罢休的精神， 有时还是早放弃，不吊死在一颗树上为妙。

尽早尽快尽可能地拿出 MVP （Minimum viable Product）, 尽早地提交作品，然后慢慢改。我好像是快到比赛结束才提交的。

功能很重要。整个魔改，我几乎没有添加任何其他功能，其实我一直想把地址栏给细分成多列，添加字段比如城市省会啥的，不过还是没时间做。

说来说去，还是跟之前招聘网站的魔改一样。做一个网站，总是死于纠结，毁于完美。

---

后话

本次的购物网站魔改，我觉得我还是有很大进步的，过程中还是学到了很多HTML CSS JS 的知识，而这完全都是靠自学学来的。

全栈营给我的最大收获就是：

• 让自己养成一个主动学习的习惯。
• 让自己养成使用google 解决问题的习惯。

这也是成为全栈工程师的基本素质吧。

魔改大赛只是顺便参加，锻炼自己的一次机会。

比赛结束了，但作品没有做完，这个作品我会接着做下去。

把它做成一个真正能盈利的网站。