小编收集了前端开发11个项目开发教程，[大企业项目实战教程 文档源码]。总共5个g资料统统拿走！【文末带走】

首先选择小米官网为第一个实战案例，是因为刚开始入门，有个参考点，另外站点比较偏向 目前的卡片式设计，实现常见效果。目的为学者练*****官网，熟悉 div css 布局。

项目截图：

此站点特效较多，所以通过练习编写次站点，学生可以更多练习 CSS3 的新特性过渡与动画 的实现，并且可以很好的练习 div css 布局。

项目截图：

此站点为响应式站点，在目前常见站点中，响应式设计类站点是非常多的，而且大部分公司 的站点都需要支持响应式，所以，通过练习次站点，学者可以熟悉响应式这点的设计流程和 实现方式。

项目截图：

项目为移动端项目，针对 M 站进行布局处理，项目为手机外派类 web 站点，功能包含，首 页店铺展示，店铺餐饮列表，具体视频详情等页面

项目截图：