The F2E - 前端修練精神時光屋

加入 The F2E FB 社團 開始練功

你想變強嗎？ 你想獲得力量嗎？ 你想透過前端改變你的生活，但找不到地方修練嗎？

如果你的答案是「Yes」那麼你來對地方了！

修練內容

1. 一週挑戰一個修練主題，總計九週，可挑選「前端工程師」、「前端設計師」的挑戰方向
2. 每道修練主題的最低通過門檻是「至少要完成 CSS 網頁排版」
3. 在期限內將成果上傳到雲端空間 (CODEPEN、Github、JSBIN) 後，再登記在 Google 表單上

在 The F2E 會獲得什麼資源？

• 資源授權：本活動的所有授權都是 CC0 格式，方便挑戰者重製成自己的 side project 與作品，授權範圍含：
  • user story (使用者故事)
  • mockup (設計稿)
• 協助就業：若挑戰週數到達六週以上，並通過業界前端審核品質標準，六角學院將會提供求職資源，協助挑戰者媒合就業
• 團結力量大：可觀看其他挑戰者的程式碼，進以觸類旁通，瞭解程式邏輯寫法。並能加入FB 交流社團，六角學院們的老師也會加入。

報名與參賽方式

請依照下列三步驟進行報名

• 報名時間：5/13(日)~7/29(日)，正式開賽時間為 6/4 (一)
• 報名方式：填寫此報名表單，加入 The F2E FB 社團。
• 開賽規則：每週一中午 12 點公布新題目，隔週週一中午 12 點前將作品上傳到 (CODEPEN、JSBIN、Github Pages)。
• 發文登記：開賽後的每週登錄作品請上傳至此表單，當週才算挑戰成功。

技能樹選擇

請依照自己想投入的部分，額外選擇下面兩條修練方向。

a.前端設計師

設計 UI 介面：每道修練主題我們都會提供 user story (使用者故事)，你可以依此使用 Sketch、Illustrator 來設計 mockup，並同時開發網頁介面，以加強自己對 Web UI 的掌握度。

b.前端工程師

JS開發 & 介接 API：在開發中大型介面時，一個網頁上可能會有許多第三方介接的資料，例如後端的 RESTful API、Google Map、BaaS 等等，您可以思考我們所提供的修練主題，試著導入服務進去。

修練方向

你可以依照我們提供的修練主題，主動練習自己想投入的新技術。為了確保每週都能挑戰功能，會建議70%用自己會的技術，30%使用剛學會的新技術，以避免挑戰曲線不會過高。

以 CSS、JavaScript 為例，你可投入：

CSS

• 會使用 float 排版時，可以嘗試使用 flexbox、grid 排版
• 思考響應式排版的實做方式，並在 iPad、mobile 有極好的使用者體驗
• transition、animation、transform 動畫效果，提升網頁動線
• 能使用 CSS 實做出來的效果，就不要使用 JavaScript
• 預處理器 (SCSS、LESS) 與 PostCSS
• CSS 框架 (Bootstrap、pure)
• 設計模式 (SMACSS、OOCSS、BEM、MVCSS)

JavaScript

• JS 基礎：使用一個你不曾用過的 JS 技巧，例如
  • array map 、filter、reduce
  • 閉包、遞迴、物件導向
  • JSON 資料、字串處理
  • 正規表達式 (Regular Expression)
• 模組管理：使用任務管理工具 (grunt、gulp)、模組打包工具 (webpack)
• ECMAScript：ES 6、7 、8，並使用 Babel 兼容網頁瀏覽器。
• HTML5 API：Localstorage、Geolocation、File API
• 介接第三方服務 API： social login、weater、open data、自建 API
• 導入 SPA 框架： Vue、React、Angular
• 工具框架：lodash、Underscore
• 應用程式服務：瀏覽器插件 (chrome extension)、桌面應用程式 (electron)、APP (ionic、react native)
• 2、3D 動畫開發：使用 SVG、canvas、WebGL 設計動畫效果，例如 D3.js、three.js
• Node.js：NPM 、後端框架 (koa、express)、API 設計、測試(Mocha、Nightwatch)
• 程式檢查：ESLint、JSHint

獎勵機制

• 完成三道關卡：授予銅級數位勳章，並記錄在戰績榜上
• 完成六道關卡：授予銀級數位勳章，並記錄在戰績榜上，六角學院將主動提供前端就業資源。
• 完成九道關卡：授予金級數位勳章，並記錄在戰績榜上，六角學院將主動提供前端就業資源，實體完賽獎狀。

前端直播客分享

本次活動同時邀請到許多有在經營前端直播的資深開發者，藉此促進交流，大幅升級自己的腦袋！

常見問答

Q：如果某一週不小心挑戰失敗，是否能再繼續挑戰後面關卡？

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

Q：假使選擇「前端設計師」，是代表每週都要自己設計 UI 外，還必須開發網頁前端？

不用，每道修練主題的最低通過門檻是「至少要完成 CSS 網頁排版」，您可以挑選喜歡的主題，依照 user story 來設計 UI 即可。

Q：為什麼報名時間到 7/29，而 6/4 正式開賽？

6/4 正式開始第一週的挑戰題目，就算沒跟到第一週，參加之後的比賽，而 7/29 正是最後一週的挑戰賽。