看完nodejs实战后的一个作品,在第一章的基础上使用了bootstrap使其更美观,交互性更强,并添加了表单验证功能,模版也从书上的ejs换成了jade,以及一些其他的小改动。
大家好 ,这是我的个人技术博客作品,整体的网站是基于node.js,express框架配合jade模版引擎写的一个网站。主页为纯手写代码,使用@media实现响应式布局。断点分别设置425px以下、425-1280、1280以上三种情况。后台页面则使用bootsrap框架实现页面,数据库使用mongodb,moment时间模块,与数据库交互则使用mongoose工具模块。前后台的数据交互使用js实现基本的增、删、改、查。 作品描述至此,谢谢
此作品仿照小米官网按照我自己的想法实现的一个商城应用。 目前实现了前台的功能,主要有登录注册,商品展示,购物车等模块。为了日后的完善和扩展, 我采用了前后端分离的架构设计。前端使用ui-router构建页面路由, 通过使用指令,服务,模板,控制器完成前端的MVC分层,各个模板页面则使用基本的HTML/CSS3等技术, 结合JS完成页面的基本交互效果。由于没有数据库, 项目的测试数据是JSON格式的数据文件,通过AJax请求完成整个前台功能的数据交互, 后期再考虑实现一个管理系统及数据库,还有前端页面资源的异步加载及性能优化。作品演示地址:weboey.github.io/XiaoMiStore
用HTML5、CSS3、ES6、Ajax、JS的Touch事件等技术开发一款移动端的web阅读器。阅读器有个性化的阅读设置,并且会通过Html5的Localstorage把设置的背景颜色、字体大小等信息储存在本地。阅读器的文章内容是通过Ajax异步读取后台Json数据,并渲染html来完成最终显示效果。
我自己写的个人网页作品,本打算写成响应式的,但因为有点事暂时不想弄了,这是初级版本,已在www.loserhua.com上线,后期还会一直完善,努力学习中。。。
根据慕课网远人老师的HTML5移动web App阅读器的课程,我制作了此阅读器作品,运用了html5、css3,JavaScript;虽然这是我是我第一次参加实战项目的训练,但是收获却很多。由于时间紧迫且服务器通信的相关知识我并不了解,只是实现了页面的结构操作等,所以并不完美。作品地址:http://read.t.imooc.io/。
晴宝,最简洁的天气应用。(Build by Ionic2) 一天学习完“ionic2”的实战项目,第二天则花一天开发完成。 github:https://github.com/airingursb/sunnybaby,详情可见README。 目前,该项目已获60个star,16个fork。
项目地址: http://119.29.198.184/ 影院前线是一个快速获取电影下载资源的网站 ,项目采用NodeJS+MongoDB,同时支持PC端和移动端。 主要数据来源于豆瓣,是在Node建站课程基础之上完善的,加入了自己的设计和其它新的功能,移动端使用SUI框架来进行搭建。
这个作品是我在慕课网购买HTML5 移动Web App阅读器实战时开发的,学习了基本的前端开发流程,苦逼的我还在小公司打拼,没有基本的前端开发流程,想法-原型-设计-开发-测试-上线,没有用户体验,学习后我知道我在一个项目中的地位,该做什么,什么的交往解读,设计解读,我一直都是拿到设计直接开工写代码,没有整体的思路,流水线式的开发,更不知道什么模块化开发,可复用的代码,学习HTML5 移动Web App阅读器这个实战,我知道,什么是模块化开发,编写可复用的代码,怎样的开发思路,知道了性能优化,等等,获益匪浅 。
该作品是一个防微信的及时聊天工具项目,项目主界面跟微信主界面非常相似。能够实现通过搜索加好友、通过扫码加好友,与好友进行文字聊天(目前只实现了文字聊天),上传用户头像等功能。服务器使用Structs、Hibernate、Spring等框架实现。