极客起源 - geekori.com - 问题详情 - 先定一个小目标，做他一个天猫官网

先定一个小目标，做他一个天猫官网

带了挺多届的学生，发现了一个现象，同学们在学习HTML，CSS，Javascript这些前端基础技术的时候，不会有太大的问题，大概也能分开掌握里面的标签，元素，选择器，函数，对象等等知识点。但是要综合运用这些知识做一个好看的网站的时候，就犯晕了，不知道该如何布局，如何运用合适的样式，一些稍复杂的效果也不知道怎么下手了。

这样我认识到，单纯学习这些分开的样式等知识点，是无法有效的运用他们的。那么就需要一个前端项目来进行整体的练手。

每个培训学校呢，都会有一个WEB项目来练手，通常都会做一个电商的购物网站，虽然听上去老套，但是确实很典型，各种知识点都会涉及到。

既然如此，就做一个购物网站来让他们跟着做来练手吧，那么做一个什么样的好呢？放眼望去，难道还有比天猫官网更有说服力的吗？

能够从头到尾做一个天猫官网前端，是非常有价值的。假如，能够独立的做出来，那么这就意味着，各种典型的场景，布局的思路，相关技术的运用都达到相当熟悉的程度，这个对于找工作，拿offer，更重要的是，技能的提升，是很有用的。

说干就干，我就照着天猫官网，做了一个模仿天猫官网: http://how2j.cn/tmall 包括里面的取色，布局，javascript交互，尺寸，都统统尽我所能做到跟天猫官网近似。

回答数(46)
浏览数(1687)
我要回答

46个回答

︿ 3 赞

花了3个月的时间，做起来还挺费劲的

四个碌

︿ 3 赞

楼主厉害呀！

个性

︿ 3 赞

哈士奇好评好评

华记

︿ 3 赞

卡夫卡

︿ 2 赞

断了弦

︿ 2 赞

楼主想法很屌，不过单纯的这样的页面只是模仿了天猫的形，和内容差太远。前段路确实挺长，不是一朝一夕能搞定的。

Graves

︿ 2 赞

学习了

风之

︿ 2 赞

让我想到了ecshop

Deanna

︿ 2 赞

我觉得无论是整个官网项目，跟拆分一块块讲解都很好，但是，说实在，实际操作起来很有难度。
其实，学习很简单，难得只是眼高手低。。
能定目标肯定好，但不是每个人都有那个毅力啊，有那个毅力其实你不说，他都会。
所以面对这么多的代码，你弄得越好，别人看着压力越大。
就算，就算他们都觉得好，但他们是不会一手一脚弄出来的，这是事实，也不是没人，有学到的也很少。
眼高手低不行，那我们可以眼低手也低。
只有面对现实，才能实现理想啊。。。
这么一个帖子，如果是学生看到，肯定觉得这老师很牛，就跟他了，这貌似很好，这确实很好。。
但我觉得这不符合眼低手低的原则。。。学生们都希望自己学了，然后牛B了，我帮他们实现了，但这只是幻想罢了。。
我觉得真正能提高能力，以及动力的是从实际出发，没有比实战能涨经验的方式了，没有比兴趣还要好的动力了，真正的实战是，有人用，你做的东西有人用，甚至有价值，这一实战比你来几百个练手项目涨的经验还要多。
最后我还觉得，只有多走弯路，你才会明白如何找到一条直路，这貌似也符合眼低手低的原则。。
别人对不对都没有关系，只有你觉得，你认为的时候，就算没人指引，你也会找到出路。

板蓝根