学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。
这就需要经验的积累了。
本项目是一个十分接近天猫官网的网站
点击进入: 模仿天猫官网
本项目90%的内容是由纯 Html CSS和JQuery完成,你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。
学习本项目过程中,能够学习到如何考虑布局,细节怎么处理,积累宝贵的前端项目经验。
面试的时候,多一项谈资,多一层砝码,多一些薪水
项目展示:
基础
- 项目简介
- 前端页面浏览
- 学习思路
- 讲解规划
公共页面
- 概念
- 定置导航
- 搜索栏
- 简单搜索栏
- 页脚一
- 页脚二
首页
- 概述
- 导航和轮播
- 分类和推荐产品
- 产品列表
- 交互
分类页面
- 概述
- 排序和价格
- 产品列表
- 交互
产品页面
- 概述
- 产品图片
- 基本信息
- 产品详情
- 另计评论
- 交互
购物车页面
- 概述
- 结算按钮
- 订单内容
- 交互
我的订单页面
- 概述
- 标题部分
- 产品列表
- 交互