上周五,
知了堂前端20班的学员们完成了
第三阶段的项目考核,
这一阶段主要学习了
js高阶和nodejs等知识,
学员们跟着项目经理
认真学理论、敲代码,潜心完成项目。
终于把“小米官网”、“淘淘票”、“音乐播放器”、“淘淘票”等炫酷作品展现给大家!
这一次,我们就把项目一组的“小米官网”放出来给大家阅阅。
本项目网页使用JS/ejs/node.js/mysql来实现用户交互项目逻辑,从前端到后端,完成首页各功能板块、产品分类,用户从登录注册、搜索查询、购买到评价的业务。
具体功能模块如下:
1. 官网主页:官网主页面为静态实现,包括搜索栏,各功能板块和产品板块的数据渲染。
2. 产品详情:动态渲染产品的所有信息,并实现加入购物车,订单生成等功能。
3.用户注册、登录:点击跳出到注册、登录页面。
4.个人中心:主要包括的订单中心(商品交易:商品的支付、收货、评价等)和个人账户中心两部分。
项目技术亮点:
1.CSS、 HTML、JS、CSS3、H5实现页面布局、产品的动态效果。
2.Node.JS&ejs&mysql实现页面数据的动态渲染。
3.使用node.js的模块化开发,每个模块使用不同的路由,并实现路由的跳转、传参及组件之间的通信。
4.使用ajax请求实现评价功能。
经过这次更为完整的项目开发,学员在收获了很多宝贵经验的同时,认识到了自己和职业人之间的还存在许多差距和不足。
首先,作为第一次独立制作功能完备的网页项目,从设计,职能分配,再到实际代码的编写和整合,学员们认识到团队合作的重要性,分工明确,通力合作,才能高效地完成目标。同时,在制作超越以往代码量的项目时,深刻认识到大局观的重要性,项目成员都需统一标准。这是宝贵的项目经验。
其次,在编写JS部分代码时,由于难度相对较大,熟练度不够,代码的复用性和健壮性还有所不足,但大家选择使用互相帮助去客服困难,突破难点,使技术知识能够灵活应用于实践。可以说此次项目考核再一次实现了团队协作能力和技术实践能力的双提升。