你是不是也曾经翻书马冬梅，关书孙红雷？你是不是也曾经老师一讲就会，下课一练就废？上课老师讲了之后感觉自己都听懂了，但是下课却一行代码也敲不出来，或许你会疑惑，为什么呢？

咱们一直都说，实践出真知，只有通过实实在在做项目去实践才能积累经验，能做出来一个完整的项目才是学会了学懂了的最好证明。一个项目作品除了能够实现预先设想的功能之外，还需要达到实用这个目的才是一个好的作品。

项目背景

为了解决用户买潮牌难或者买到假潮牌的问题，让每个人都能穿上自己心仪的潮牌，给用户一个最完美的购物体验，学员们设想了一个关于潮牌购物的平台，平台囊括了近几年来最火热的潮牌。

在潮牌流行的今天，越来越多人愿意并喜欢与有相同爱好的陌生人结交，因此为了让用户能在社区遇到与自己风格类似的同伴，学员们还希望在平台中能提供潮牌社区交流的功能。

基于上面的需求，前端的学员们带来了他们的最新项目作品——“NAISI”潮牌平台。该项目使用了HTML5/CSS3、Ajax、jQuery、node.js（express）、MongoDB（Mongoose）、bootstrap4等主流技术。

关于前端主流技术，知了小姐姐想和大家再多叨叨几句。

1、Node.js，当有了一定的前端基础，比如HTML、CSS、JavaScript、jQuery；Node.js能让我们以最低的成本快速过渡成为一个全栈工程师，像现在非常火热的Vue.js，React...，很多数据层动态交互优先选用Node.js。

2、MongoDB，这是一个基于分布式文件存储的非关系型数据库。作为以类JSON的文档的格式存储的新兴数据库，虽然没有MySQL成熟，但是MongoDB比较完善且开源，因此这个技术逐渐开始流行起来。

接下来，小姐姐就带着大家一起体验一下学员们做出来的“NAISI”潮牌平台吧。

它没有使用购物平台惯用的能激发人们购物欲的暖色调，而是使用了非常酷的黑白配色，再搭配上各类潮牌五颜六色的产品图与黑白界面融合，整个界面不仅没有怪异反而多了一丝酷炫，界面中没有多余的装饰显得非常简洁。

对于前端来说界面设计也是非常关键的环节，一个精美的界面才有能让使用者继续体验的心情，至少小姐姐目前很喜欢“NAISI”潮牌平台的酷潮风格。

在首页的导航条里点击“登录”、“注册”选项，平台弹出来的注册登录窗口也沿用了首页的酷潮风格，简约却不失格调。

（登录、注册页面）

当在导航条中选择了“潮牌”选项后，小姐姐再一次被学员们的作品惊讶到了。这真的只是一个项目作品吗？各位小伙伴们注意了，接下来多图预警！

（Kappa潮牌）

（Adidas潮牌）

（Converse潮牌）

看完了这些潮牌界面不知道小伙伴们有没有和小姐姐一样想说一句“厉害呀朋友”，这些潮牌的界面让小姐姐以为自己真的是在逛购物网站准备下单了。

接下来给小伙伴们展示一下“NAISI”潮牌的其他功能。

商品展示页面

商品详情页面

个人中心页面

最后是学员们本次项目作品的创意功能——社区交友，区别于传统交友社区的“大杂烩”，“NAISI”潮牌采用了分区模块，让用户能够快速找寻到相同爱好的朋友。

这样一个精美实用的“NAISI”潮牌平台，除了优秀的功能之外，更让小姐姐惊讶的是前端的小伙伴们能通过自己所学的技术做出来这样一个优秀的作品。

通过“NAISI”潮牌平台项目作品的完成，学员们不仅对自己学习到的知识进行了一次实践巩固，而且还积累了项目经验。将知识学以致用，通过不断地实践积累经验才能将知识消化成自己的知识体系。

同时，作品的完成不是靠一个人的单打独斗，他们也从项目中体会到了团队的力量，小姐姐相信，通过这一次的合作项目，每一个学员的团队协作能力以及沟通能力都有很大的提升。当然，这也是咱们课程中项目实战存在的意义，通过项目实战的经验积累，加上团队作品的能力提升，助力学员高薪就业。

关于项目的介绍就到这儿了，想了解更多前端课程，扫码私聊小姐姐哦！