四年一度的世界杯无疑是一场全民参与的足球盛宴，互联网上充斥着各种竞猜活动，其实还有更高端另类的玩儿法：编程学习网站慕课网最新上线了一门名为“共嗨世界杯”的课程，只需2个小时，教你学会使用 CSS3 来制作一个足球场地，以及世界杯对战图，设计出你的“专属世界杯”。
适合人群：程序员、编程爱好者、球迷与伪球迷
课程特点：软妹喜欢，硬汉更爱
课程目的：利用前端知识，自己动手DIY世界杯对战表
课程地址：http://www.imooc.com/view/134
简单易学三步走
该课程所讲授的世界杯效果的实现方法简单明了，只需要三个步骤：做一个球场、做一个对战表、做一个彩蛋。通过直观的代码和细致的讲解，只要掌握简单的CSS3知识，即便是新手也可以很容易学会。
炫酷动画看思路
为了制作炫酷的效果，动画元素必不可少。该课程利用前端知识模拟足球从左上角到右下角掉落的过程，使学习者通过这样的动画学习实现类似场景的思路，以及用什么样的技术构建动画，课程进行了逐帧动画技术点分析。
源码下载全免费
课程讲解了在vanvas上绘制静态足球、动态足球、旋转足球，形成滚动效果的方法，同时对不支持canvas的浏览器做了降级方案，即使用添加DOM节点的方式。可见课程考虑周密、讲解详尽。
另外，该课程提供源码下载，更方便大家进行学习。
如果你热爱编程，不妨抽出两个小时做一场自己的专属世界杯，那么绝对是本届世界杯期间最有意义的事情。相信通过慕课网这门课程的学习一定会让你受益匪浅，赶快动手行动起来！>>立即学习
时间： 2024-10-22 11:56:17