队不队(DND)团队是百度前端学院2015年暑假训练营WebApp班的一个自成立团队,团队成员共六名,皆致力于自学前端开发相关开发技术!
本项目系微型项目,主体为单一项目页面,主要包含DND团队展示及团队成员展示。
主页地址:DND : http://mrsup.github.io/dnd/index.html
项目的文件结构如下:
dnd
|---.git //git init
|---css //用来保存所有的css文件
|------jquery.fullPage.css //整屏切换插件的基本样式,直接引用,无需修改
|------main.css //项目的主要css文件,所有的css样式都写在这里面
|---images //用来保存所有的图片文件
|---js //用来保存所有的js文件
|------jquery-1.8.3.min.js //jquery库,fullPage插件依赖于jQuery
|------jquery.easing.min.js //fullPage插件的切换控制函数
|------jquery.fullPage.min.js //fullPage插件
|------main.js //项目的主要js文件,所有的js代码都写在这里面
|---index.html //项目的入口文件,也是项目的主体文件
|---README.md //项目的README文件
为了更合理与优雅的进行项目开发,需要团队各成员按照一定的编码规范
尽量参照HTML规范书写代码
尽量参照CSS规范书写代码
尽量参照JS规范书写代码
本项目主页随着团队成员的技术进步可进一步完善优化,分别就HTML,CSS,JS三个方面拟定于以下几个方向发展:
- 完善页面结构(使用语义化标签,SEO优化)
- CSS样式和JS代码完全分离,并于合理的位置引用,以达到页面性能优化的效果
- 使用CSS3新特性,开发动画效果
- 书写更具有兼容性的样式代码
- 自主重构整页切换插件(具体可参考慕课网:全屏切换效果)
- 开发更具交互性的效果,加强用户体验
2015年07月15日 明确热身任务,由徐呵哈新建项目仓库和GitHub Pages.
2015年07月16-18日 由团队各成员协作编辑页面代码,使用GitHub提交合并.