/dnd

百度前端学院 - 队不队 项目

Primary LanguageCSS

DND 项目引导

团队说明

队不队(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规范

尽量参照HTML规范书写代码

CSS规范

尽量参照CSS规范书写代码

JS规范

尽量参照JS规范书写代码

后期方向

本项目主页随着团队成员的技术进步可进一步完善优化,分别就HTML,CSS,JS三个方面拟定于以下几个方向发展:

HTML方向

  1. 完善页面结构(使用语义化标签,SEO优化)
  2. CSS样式和JS代码完全分离,并于合理的位置引用,以达到页面性能优化的效果

CSS方向

  1. 使用CSS3新特性,开发动画效果
  2. 书写更具有兼容性的样式代码

JS方向

  1. 自主重构整页切换插件(具体可参考慕课网:全屏切换效果
  2. 开发更具交互性的效果,加强用户体验

开发日志

2015年07月15日 明确热身任务,由徐呵哈新建项目仓库和GitHub Pages.
2015年07月16-18日 由团队各成员协作编辑页面代码,使用GitHub提交合并.