總報名人數
1854 人
個人賽人數
1615 人
團體組數
92 組
你是否也有以下困擾？
有優秀好實力卻無法展現？
活動採用 UI、前端接力合作形式，前端工程師可採用 UI 設計師的設計稿，一同產出完整作品，讓你在修煉的路上不怕孤軍奮戰！
想嘗試大型專案卻找不到資源？
這次不必再擔心！本屆與中華民國交通部合作，採用全國最大的運輸資料流通服務平台 (TDX) 之交通 API 來開發應用，資源供給不怕缺！
作品量少，卻沒有長時間可以準備？
三週讓你快速累積作品，檢視自我實力！參加額外競賽還有機會獲得豐厚獎金！
年度最強合作，三大主題來襲
本屆與中華民國交通部合作，採用全國最大的運輸資料流通服務平台 (TDX) 之交通 API 來開發應用
你要的修煉都在 The F2E
三週精實修煉，一次提升實力
活動說明
報名時間
10/14-11/7
截止前可修改報名組別
登錄作品
11/1-11/29
依賽程登錄作品
線上直播
資深開發者到來
直播分享零阻礙
額外競賽
第三週主題額外競賽
豐厚獎金等著你
開賽時間：11/1(一) UI、團體組開賽；11/8(一) 前端組開賽
活動採用 UI、前端接力合作形式，前端工程師可採用 UI 設計師的設計稿，一同產出完整作品。
區區修煉
已經無法滿足了嗎？
還有比賽等著你！
賽制說明
為提升活動趣味性，本活動將針對第三道主題「全台公車動態時刻查詢應用服務」邀請評審來審核作品。
評審門檻：
1.僅限 Web 瀏覽器應用來開發， Android、iOS APP 不在本活動評審範圍內。
2. 需使用到 TDX 的 API 服務。
評審機制：
初選：將由六角學院前端、UI 評審進行第一波篩選，並於 12/3(五) 公布佳作、入圍名單。
決選：由外部評審針對入圍獎進行最後篩選，並於 12/16(四) 由評審進行直播公布名單！
專業評審
Leo (李歐)
Angular Taiwan 傳教士
Kuro Hsu
Vue.js Taiwan 社群主辦人
高見龍
五倍紅寶石程式資訊教育
股份有限公司
負責人
小水
互動設計師 （Interaction Designer）
Simon Lin
Sr. UX Designer
卓致遠
致遠體驗設計 負責人
獲勝獎勵
＊一人僅限領一個獎項
如何報名
報名時間：10/14 (四) 11:00 AM ~ 11/7(日) 11:59 PM
報名方式：前往報名頁輸入資料即可報名
報名組別：個人UI、個人前端、團體組
-
A.個人組-UI 設計師
設計 UI 介面：每道修練主題我們都會提供 User story (使用者故事)，你可以依此使用 UI 繪圖軟體來設計 Mockup，以加強自己對 Web UI 的掌握度。 -
B.個人組-前端工程師
JS 開發 和 介接 API：在開發中大型介面時，一個網頁上可能會有許多第三方介接的資料，例如後端的 RESTful API、Google Map、BaaS 等等，您可以思考我們所提供的修練主題，試著導入服務進去。 -
C.團體組
欲報名團體組，請符合以下條件：
1. 最少 2 人，最多限制為 4 人。
2. 建議至少 1 位前端工程師與 1 位 UI 設計師，但非強制，全部都為工程師也可以，但仍需要由組內成員做 UI 設計稿。
3. UI 設計稿與程式開發需由組內成員共同完成。
＊注意事項：一個帳號不可同時報名團體組與個人組。
開賽時間：11/1(一) UI、團體組開賽；11/8(一) 前端組開賽
前端、UI 直播客分享
邀請資深開發者一同促進交流，知識升級再升級！
穎旻
10/20 (三) 20:00 - 21:30
公車時刻表查詢
卡斯伯
11/03 (三) 20:00 - 21:30
CSS 切版教學 (1)
Sid
11/04 (四) 20:00 - 21:30
如何使用 JavaScript 製作分頁效果
Lichin | Design
11/09 (二) 20:00 - 21:30
產品設計的核心基礎 - 設計系統 (Design System)
卡斯伯
11/10 (三) 20:00 - 21:30
CSS 切版教學 (2)
Kent
11/11 (四) 20:00 - 21:30
地圖整合
Lichin | Design
11/16 (二) 20:00 - 21:30
當個貼心設計師 - 設計交付 (Design Handoff) 面面俱到
卡斯伯
11/17 (三) 20:00 - 21:30
CSS 切版教學 (3)
維元
11/18 (四) 20:00 - 21:30
API 可以怎麼玩？從串接到應用該注意的事
卡斯伯
11/24 (三) 20:00 - 21:30
CSS 切版教學 (4)
艾拉
11/25 (四) 20:00 - 21:30
六角學員 x 五倍紅寶石 PK 賽
Kent
12/02 (四) 20:00 - 21:30
Push Notification API
常見問答
Q：如果某一週不小心挑戰失敗，是否能再繼續挑戰後面關卡？
A：可以，儘管那週挑戰失敗，之後您仍可以挑選喜歡的關卡進行挑戰，並在該關卡期限內繳交作品。
Q：大家都好強，我怕我做的東西沒有達到過關門檻，不敢登錄作品
A：這個活動並非競爭性質，每個參賽者都是你的隊友，最大的敵人是你自己，因為你必須定期練功前端開發，讓自己能夠順利完賽。
Q：我不確定自己做的版型有沒有符合過關門檻，要寫到什麼程度才有到過關門檻？
A：主辦單位其實不會去審核大家的程式碼，只要你認為當週你有針對主題有做到一定程度，就算是半完成品也請大方投稿，不用擔心。
Q：我已經寫到一半了，但時間快來不及，可以先投稿嗎？
A：可以，有投稿表示你還會持續努力在這次活動上。
【UI 設計師常見問題】
Q：到時投稿到平台是提供什麼呢？我也不像是工程師可以有 CODEPEN 上傳。
A：其中投稿的欄位裡面會有一個「線上標示文件」，像是 Adobe XD 便有提供該服務(範例連結)，屆時提供標示文件後，便可讓其他前端工程師採用你的設計稿來開發。
Q：投稿上去的 UI 作品，我知道需要授權讓前端工程師組做成 Web 介面，那授權部分可以設定嗎？
A：會有的，屆時平台投稿流程上，會讓您的作品可以選擇 CC0、CC BY 等授權，以保障您的 UI 作品權益。
Q：一定要上傳「線上標示文件」嗎？
A：是的，因為這樣才有辦法讓其他前端工程師，能採用您的設計稿，將您的設計稿實作出網頁格式。如果您是使用 Sketch，也可使用 Sketch Measure 編譯出來後，壓縮 ZIP 到雲端空間 (Dropbox、Google Drive)。
Q：不能使用 PS、Illustrator 設計嗎？
A：只要您能找到 PS 或 Illustrator 產出線上標示文件的方式就可以，因為前端工程師大部分皆比較少具有繪圖軟體，所以用線上標示文件將會減少許工程師協作上的溝通時間。
Q：當每週一題目出來後，我有一些設計進度也可以先投稿嗎？
A：可以，團隊在協作過程中，一定也會先出些進度提供前端切版，有進度時您也可以先投稿，讓前端工程師可以先接手，之後再透過 FB 社團來溝通進度即可。
【前端工程師常見問題】
Q：我可以不依照設計稿，自己做版面嗎？因為我想多練習 JS / 後端
A：可以，The F2E 活動是希望讓大家人人有功練，所以依照你自己想投入的方向練功即可。CSS 也可以用框架，例如 Bootstrap。
Q：前端介面一定要長得一模一樣嗎？
A：不用，依照自己的想法來開發也可以
Q：有現成的網頁靜態頁面嗎？我想只練習 JS / 後端就好
A：這段我們不會提供，畢竟每個人習慣的 Coding style 又不一樣，產出的 HTML、CSS 並非是自己習慣的 Layout 反而會更花時間。
Q：那我只想要練習 JS，HTML/CSS 我用陽春版，不依照設計稿開發可以嗎？
A：可以，你可以當做我們就是出一個主題，你依照那主題當作參考方向來開發即可。
【團體組常見問題】
Q：請問團體組最多幾人？
A：最多 4 人，投稿作品時請派一位組長來投稿即可。
Q：我對獎項有興趣，可以只做第三道主題就好嗎？
A：可以，您可以在這場活動中，和組員一起打磨第三道主題，不用三個主題都做。
Q：那團體組第三道主題最晚投稿期限為？
A：團體組投稿第三週 UI 最晚投稿時間為 11/22(一) 中午 12 點，前端最晚投稿期限為 11/29(一) 中午 12 點。
Q：我們團體組比較想做手機 APP，可以投稿並符合評審門檻嗎？
A：您可以開發手機 APP，若有在期限前投稿也能獲得數位獎狀。但評審門檻僅限 Web 瀏覽器應用開發，Android、iOS APP 則不在評審範圍內，故不符合評審門檻。
Q：請問除了前端開發、UI 設計外，還能做其他加值應用嗎？例如後端動態應用整合？
A：可以的，只要能透過網頁瀏覽器操控您的服務，並有使用到 TDX API 的任何一個 API，您可以依照本次主題「全台公車動態時刻查詢應用服務」做最大的加值整合應用，甚至搭配後端應用，整合多個外部 API 也是可以的。
Q：團體組的 UI 設計稿，可以讓『個人組-前端工程師』組別採用嗎？
A：不能，預設是不能讓『個人組-前端工程師』採用。
協辦單位
中華民國交通部
-02.png?alt=media&token=c30f6163-b6fe-41de-a5f2-afcc95b83d27)
TDX 運輸資料流通服務
五倍紅寶石