端工程师作为互联网时代软件产品研发中非常重要的一种专业研发角色。近几年随着互联网行业的发展也是水涨船高。随之而来的是企业对人才的要求也在不断调整，从目前的招聘行情来看，企业更愿意花费高薪来聘请那些项目实战能力强、入职就能快速开展工作的的成熟程序员，而不是花费时间成本去培养人才。所以，项目实战能力，成为了目前前端开发人员最为重要的竞争力体现。

为了让同学们快速的将所学的知识更好的融入到项目中去，提高项目实战能力。今天千锋武汉小编就为大家推荐这套由千锋出品的精品项目教程《纯原生前端技术打造仿小米电商网站》。

千锋出品，必属精品，还是一样的良心配套学习资料：全套视频教程+项目源码+课件，打包赠送，全部免费！

本套项目教程是由讲师码农雨飞亲自操刀录制，雨飞精通HTML5相关各种开发基础好技巧，对IOS等开发也了解颇深。曾出品过《JavaScript速成指南》、《JS运动与游戏开发》、《JS动画经典案例》等线上视频课程。

好了，重点来讲讲我们的课程：

1、课程介绍：

本套小米电电商网站项目视频时长近400分钟，共分为了18节小课。涵盖Gulp搭建、导航设置、搜索框设置、商城首页、列表页、详情页、购物车、结算页等全套电商网站设计流程。

2、课程包含技术点：

本项目是基于原生JavaScript等前端技术实现的仿小米电商网站。本项目前端代码涉及的技术栈有（JQuery、scss、Gulp、模块化开发），后台构造技术包括（PHP、MySQL）等后台编程知识。（建议先去学习这些知识点以后，再去入口本项目）

3、课程价值：

完成本项目以后，能够让你熟练的掌握前端搭建网站的所有流程。当然如果你是最近忙于毕设的大学生，该项目也可以作为你的毕业设计，非常具有含金量。

4、本教程适用人群：

拥有js基础的小灰；自学过js的用户；在校学生（计算机专业最佳）

小米电商网站项目课程要点

01小米项目_前期准备

02小米项目_Gulp搭建

03小米项目_banner图实现

04小米项目_侧边导航

05小米项目_顶部导航

06小米项目_导航搜索框

07小米项目_滚动商品列表

08小米项目_首页商品列表

09小米项目_商品列表页导航实现

10小米项目_商品列表页商品加载

11小米项目_商品列表页banner图

12小米项目_商品详情页01

13小米项目_商品详情页_轮播图02

14小米项目_商品详情页_购物车03

15小米项目_购物车结算页01

16小米项目_购物车结算页02

17小米项目_购物车结算页03

18小米项目_购物车商品数量增减04

（课程预览）

怎么样，是不是觉得这套教程不错？现在，你只需要在后台回复「 纯原生前端」，领取全套视频教程+资料！还等什么，抓紧时间留言学习吧！

的引语

晚上好，我是吴小龙同学，我的公众号「一分钟GitHub」会推荐 GitHub 上好玩的项目，一分钟 get 一个优秀的开源项目，挖掘开源的价值，欢迎关注我。

平时总觉得还有很多事情要去做，然而当真的闲下来时却不一定去做，比如今年这个天天在家窝着有大量时间的春节。但 vue-store 作者却能利用这个寒假，高仿做了一个电商项目小米商城，还是学生就已经这么牛逼哄哄，佩服佩服。

效果预览

项目简介

这个项目前后端分离，涉及技术栈：

• 前端：Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现，包含了首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面；
• 后端：Node.js、Koa框架，采取了MVC模式，根据前端需要的数据分模块设计了相应的接口、控制层、数据持久层。
• 数据库：Mysql。

体验地址

http://106.15.179.105/

GitHub 地址

https://github.com/hai-27/vue-store

更多文章请关注公号：一分钟GitHub。