The F2E - 前端修練精神時光屋
你想變強嗎?
你想獲得力量嗎?
你想透過前端改變你的生活,但找不到地方修練嗎?
如果你的答案是「Yes」那麼你來對地方了!
修練內容
- 一週挑戰一個修練主題,總計九週,可挑選「前端工程師」、「前端設計師」的挑戰方向
- 每道修練主題的最低通過門檻是「至少要完成 CSS 網頁排版」
- 在期限內將成果上傳到雲端空間 (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 正是最後一週的挑戰賽。
活動最新消息將會公佈在 六角學院 Github