選手列表

個人組列表 團體組列表
Modern Web
D3.js新手開發基本圖表

身為一個從來沒寫過D3.js的前端工程師,為學習開發資料視覺化圖表,利用這次鐵人賽的機會當作自我挑戰。以阿貝拉(Andrew Abela)的圖表指南中將依據不同資料類型所歸類的21種圖表為目標,嘗試使用D3.js各別挑選獨立主題完成開發練習。

挑戰進度
DAY 30
Thunder
報名日期:2018/09/29 02:02:56
Modern Web
From Django 1.11 to Django 2.1

Hey,我是BY! 我正在學習Python Web Framework - Django,想把我在學習的這段過程記錄下來,除了提升自己的印象,也希望能幫助到其他有需要的人。 但因為還在學習當中,如有說明上錯誤的部分,還希望大家不吝指教!

挑戰進度
DAY 30
Percy
報名日期:2018/09/27 20:24:06
Modern Web
CSS Secrets 導讀

如果你是前端工程師卻不知道 Lea Verou 只能說你根本沒見過大神。作者 Lea Verou 是 W3C CSS 工作小組的特邀專家,也是 W3C 制定 CSS 規則的成員之一。 本書介紹了 47 個 CSS 的秘密,分為七大類,書裡面用到 DRY 的設計方法來解決一般遇到的 CSS 問題。 我希望能一天導讀一個秘密,所以會超過30天的比賽期間。

挑戰進度
DAY 30
yowlonglee
報名日期:2018/09/27 18:29:19
Modern Web
Phaser 幫我撐個 30 天

Phaser 是一款 2D 遊戲開發框架。是否曾經想做些遊戲,但不知道從何下手?那我們一起從零開始來玩 Phaser 吧!本系列將從無到有,透過小範例並搭配說明來認識 Phaser,一起探索網頁遊戲世界,一起學習吧!

挑戰進度
DAY 30
K.
報名日期:2018/09/26 22:16:28
Modern Web
在網頁上面畫個地圖 - 使用Openlayers

在網頁上面畫個地圖?簡單啦,Google Maps API 弄上去就好了呀; 拜託,既然參加鐵人賽,當然要挑最有挑戰性的來玩呀... 30 天內用 Openlayers 客製化一個你的地圖應用。

挑戰進度
DAY 5
lastresort
報名日期:2018/09/26 21:44:22
Modern Web
弄點簡單的 Chrome Extension 讓生活更方便

透過 Chrome Extension 做一些小功能

挑戰進度
DAY 30
givemin5
報名日期:2018/09/26 21:43:21
Modern Web
🍐放學後的網頁開發

在大學的課程中,大部分都是引你進門而已,想要走更深就要靠自己去挖掘。 因此,本系列文章希望提供學生進一步了解更多網頁知識的敲門磚,銜接大學過去所學與現代常用語言,將focus在現代比較流行的網頁語言,將針對ES6、Node.js、Vue.js、Laravel做分享,並提及自己網頁規劃、接案的心得,希望寫文章同時與各位一起學習,還請大家多多指教。

挑戰進度
DAY 30
祐yo
報名日期:2018/09/26 18:01:46
Modern Web
30天Pixi帶你飛上天

Pixi.js 轉圈跑跳碰,從零開始!

挑戰進度
DAY 30
挖洗菜呱
報名日期:2018/09/26 17:23:49
Modern Web
30天讓設計師搞定CSS/SVG動畫

用30天介紹CSS animation以及更進階的SVG動畫,看如何在沒有工程師的幫助下發揮我們的最大極限!

挑戰進度
DAY 30
卡羅奇奇
報名日期:2018/09/26 17:09:06
Modern Web
網頁設計靠 Vue.js 轉前端

網頁設計靠 Vue.js 轉前端

挑戰進度
DAY 30
adam747
報名日期:2018/09/26 15:43:03