程式員的世界盃新玩兒法

標籤：style   blog   http   使用   strong   2014   

四年一度的世界盃無疑是一場全民參與的足球盛宴，互連網上充斥著各種競猜活動，其實還有更高端另類的玩兒法：編程學習網站慕課網最新上線了一門名為“共嗨世界盃”的課程，只需2個小時，教你學會使用 CSS3 來製作一個足球場地，以及世界盃對戰圖，設計出你的“專屬世界盃”。

 

適合人群：程式員、編程愛好者、球迷與偽球迷

課程特點：軟妹喜歡，硬漢更愛

課程目的：利用前端知識，自己動手DIY世界盃對戰表

課程地址：http://www.imooc.com/view/134

 

 

簡單易學三步走

該課程所講授的世界盃效果的實現方法簡單明了，只需要三個步驟：做一個球場、做一個對戰表、做一個彩蛋。通過直觀的代碼和細緻的講解，只要掌握簡單的CSS3知識，即便是新手也可以很容易學會。

 

炫酷動畫看思路

為了製作炫酷的效果，動畫元素必不可少。該課程利用前端知識類比足球從左上方到右下角掉落的過程，使學習者通過這樣的動畫學習實作類別似情境的思路，以及用什麼樣的技術構建動畫，課程進行了逐幀動畫技術點分析。

源碼下載全免費

課程講解了在vanvas上繪製靜態足球、動態足球、旋轉足球，形成滾動效果的方法，同時對不支援canvas的瀏覽器做了降級方案，即使用添加DOM節點的方式。可見課程考慮周密、講解詳盡。

另外，該課程提供源碼下載，更方便大家進行學習。

如果你熱愛編程，不妨抽出兩個小時做一場自己的專屬世界盃，那麼絕對是本屆世界盃期間最有意義的事情。相信通過慕課網這門課程的學習一定會讓你受益匪淺，趕快動手行動起來！>>立即學習