icon

請旋轉裝置為直式

獲取更好瀏覽體驗!

potted
game joystick
tv

s

u

p

e

r

mario mushroom
mario mushroom
game joystick
game cartridge
Welcome to

The F2E

4th border

I'M

arrow scroll down
01

你是否也有以下困擾

trouble

羨慕別人的酷酷網頁動畫?

trouble

滿足不了同事的許願?

trouble

動畫技能樹太雜無從下手?

02

本屆主題

以下兩個角色進行攜手合作,UI 設計師、前端工程師

hit
user interface designer
front-end engineer

User Interface

Designer

UI 設計師

&

Front-End

Engineer

前端工程師
Interactive Web Site Design

互動式

網頁設計

03

年度最強合作,三大主題來襲

week1
Week1

The F2E 活動網站設計

視差滾動

#版塊設計

查看關卡細節
week2
Week2

今晚,我想來點點簽

Canvas

#凱鈿行動科技

查看關卡細節
week3
Week3

Scrum 新手村

JS draggable

#鈦坦科技

查看關卡細節
04

活動說明

icon

報名時間

10/13(四) ~ 10/30(日)

截止前可修改報名組別

icon

各組別開賽

10/31 (一)UI、團體組開賽;11/7(一)前端組開賽

活動採用 UI、前端接力合作形式,前端工程師可採用 UI 設計師的設計稿,一同產出完整作品。

icon

登錄作品

10/31(日) ~ 11/28(一)

依賽程登錄作品

icon

額外競賽

主題豐厚獎金等著你

tablet mobile
screen noise
pc
laptop
05

獎項說明

區區修煉已經無法滿足了嗎?還有比賽等著你!

icon
Judge

評審

初選:將由六角學院前端、UI 評審進行第一波篩選。

決選:由六角學院與贊助廠商討論,進行最後篩選,並於 12/30 (五) 由評審進行直播公布名單!

icon
Awards

獎項

初選佳作 共六十位 數位獎狀、個人企業獎 共六位 NTD 3,000/位

團體企業獎 共三組 NTD 10,000/組、以上皆提供完賽數位獎狀

06

FAQ

Q:如果某一週不小心挑戰失敗,是否能再繼續挑戰後面關卡?

A:

可以,儘管那週挑戰失敗,之後您仍可以挑選喜歡的關卡進行挑戰,並在該關卡期限內繳交作品。

Q:大家都好強,我怕我做的東西沒有達到過關門檻,不敢登錄作品?

A:

這個活動並非競爭性質,每個參賽者都是你的隊友,最大的敵人是你自己,因為你必須定期練功前端開發,讓自己能夠順利完賽。

Q:我不確定自己做的版型有沒有符合過關門檻,要寫到什麼程度才有到過關門檻?

A:

主辦單位其實不會去審核大家的程式碼,只要你認為當週你有針對主題有做到一定程度,就算是半完成品也請大方投稿,不用擔心。

Q:我已經寫到一半了,但時間快來不及,可以先投稿嗎?

A:

可以,有投稿表示你還會持續努力在這次活動上。

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/21(一) 中午 12 點,前端最晚投稿期限為 11/28(一) 中午 12 點。

Q:我們團體組比較想做手機 APP,可以投稿並符合評審門檻嗎?

A:

您可以開發手機 APP,若有在期限前投稿也能獲得數位獎狀。但評審門檻僅限 Web 瀏覽器應用開發,Android、iOS APP 則不在評審範圍內,故不符合評審門檻。

Q:請問除了前端開發、UI 設計外,還能做其他加值應用嗎?例如後端動態應用整合?

A:

可以的,只要能透過網頁瀏覽器操控您的服務,並有使用到 TDX API 的任何一個 API,您可以依照本次主題「全台公車動態時刻查詢應用服務」做最大的加值整合應用,甚至搭配後端應用,整合多個外部 API 也是可以的。

Q:團體組的 UI 設計稿,可以讓『個人組-前端工程師』組別採用嗎?

A:

不能,預設是不能讓『個人組-前端工程師』採用。

Let's do it

The F2E Sign Up Now

To Top