消息关闭
    暂无新消息!
先定一个小目标,做他一个天猫官网

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

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

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

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

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

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


46个回答

︿ 2
楼主想法很屌,不过单纯的这样的页面只是模仿了天猫的形,和内容差太远。前段路确实挺长,不是一朝一夕能搞定的。
︿ 2
我觉得无论是整个官网项目,跟拆分一块块讲解都很好,但是,说实在,实际操作起来很有难度。
其实,学习很简单,难得只是眼高手低。。
能定目标肯定好,但不是每个人都有那个毅力啊,有那个毅力其实你不说,他都会。
所以面对这么多的代码,你弄得越好,别人看着压力越大。
就算,就算他们都觉得好,但他们是不会一手一脚弄出来的,这是事实,也不是没人,有学到的也很少。
眼高手低不行,那我们可以眼低手也低。
只有面对现实,才能实现理想啊。。。
这么一个帖子,如果是学生看到,肯定觉得这老师很牛,就跟他了,这貌似很好,这确实很好。。
但我觉得这不符合眼低手低的原则。。。学生们都希望自己学了,然后牛B了,我帮他们实现了,但这只是幻想罢了。。
我觉得真正能提高能力,以及动力的是从实际出发,没有比实战能涨经验的方式了,没有比兴趣还要好的动力了,真正的实战是,有人用,你做的东西有人用,甚至有价值,这一实战比你来几百个练手项目涨的经验还要多。
最后我还觉得,只有多走弯路,你才会明白如何找到一条直路,这貌似也符合眼低手低的原则。。
别人对不对都没有关系,只有你觉得,你认为的时候,就算没人指引,你也会找到出路。
︿ 0
一切换到IE 你的分类导航就用不了 ,做前端浏览器兼容性不考虑么?
︿ 0
能把这个Copy出来效果就已经很不错了 而且是独立完成的。小伙  你的前段之路很漫长
︿ 0
佩服佩服。。。只是单独一个学生是搞不完的,除了质,还有量,是大量的工作量。真正的天猫,是大量的人力物力才能copy的
但很值得学习,能够独立弄出这些典型页面,可以说的确对前端掌握得不错了