开发前的准备
在夏令营的最后一个星期，我们进行了这个协同主页的开发。开始之前，我们开了个会商量了一下，然后由大脸写那个评估文档，然后根据设计师的设计稿进行分工。拿到设计稿，博志根据设计师的要求（各个页面切换的效果）定了一个框架，我写了静态的页面，博志写了用于切换的js代码。我们大概的分好工，我写那个导航栏和小组介绍具体详情页面的代码。然后我们各自进行开发。我们也同java组商量那些接口问题。
利用了版本控制管理工具git进行多人协作
这也是我真正意义上的一次使用git，也学习了很多，因为不太熟悉，所以也是边学边用，一边看教程，一边学以致用。丰富了自己使用git的经验，也熟悉了多人协作的模式。利用git，可以更好地进行多人协同开发，提高了效率。
使用的框架/工具
bootstrap
我在bootstrap中文文档网学习了一下，然后尝试着利用bootstrap的栅格系统去写我负责的那个页面的整体框架布局。发现这个bootstrap的栅格系统是个蛮方便蛮好用的东西。其主要原理是把整个页面最多分成12列，然后实现的话主要还是给一个百分比的宽度。然后每一列都是浮动的。它分为4种不同屏幕分辨率的写法，有超小屏幕（小于768px），小屏幕（768px到992px），中等屏幕（992px到1200px），大屏幕（1200px）。自己开始写那个页面之前就先把那个页面的框架给描绘出来，先定好框架，直接用bootstrap写成响应式，一步到位。个人感觉这个框架挺好用。
animate.css
这次的动画效果我主要是用css3.根据设计师需要的动画效果，用到了animate.css。里面有很多动画效果。其原理是利用css3的动画，然后把这个动画写到一个类名上，然后利用JS来控制，就是addClass方法，把这个类名添加到你要实现动画的元素上。我没有直接引用一整个animate.css文件，而是去到animate.css的github上找到自己想要的动画的那个代码直接引用到自己的css中，因为我用到里面的动画也不多，所以这样可能会更好。
jquery
主要还是用jquery写需要的js代码。
也在小喵的帮助下学习了一个新东西。就是模拟操作。之前在书里也看过但是没用过，这次也用到了。
开发中遇到的问题和解决方法
bootstrap 会有许多默认的样式，有时候bootstrap里面的样式会破坏整个的效果，使得呈现的页面跟想要的页面不一样。我到谷歌浏览器的控制台查看然后利用权重值更改元素的css。它也会给你的元素添加一些默认的外边距呀内边距呀，我在做的时候都会跟设计稿有出入，所以我也另外利用css3的媒体查询，写了挺多元素的样式去覆盖掉bootstrap所添加的那些样式。
还有一个就是这个页面的整体框架问题，我觉得不是最优的，这个也是一开始没有仔细考虑清楚吧。希望以后能够仔细考虑后再确定整体的框架。
可能还有一些自己没发现的问题，也希望他人帮忙指出。
最后结尾
做这次的协同主页我们大家也踩了许多不大不小的坑，以后需要多注意，也感谢组内小伙伴的帮助和支持。一起加油。