# The F2E 4th 說明會
20221002

- 主網相關
- 官網：下週釋出活動官網
- fb：[The F2E - 前端修練精神時光屋](https://www.facebook.com/groups/173311386703334)
- 說明會
- [BLOG 活動說明](https://www.hexschool.com/2022/09/08/2022-09-09-the-f2e-4th-2022/)
- [hackmd](https://hackmd.io/1HGxoOQ1ToCkmSoDvuONQg)
- video：https://youtu.be/2Qq_njJbGxY

大綱
===
[TOC]

## 1. 為什麼會舉辦 The F2E 活動？

### 1.1 想不到題目累積作品
投入程式後通常都對 side project 作品沒有太多想法，
又希望自己所學的東西可以投入在真實應用上。
### 1.2 無法設計 UI 或前端 介面
* UI 會設計，但沒辦法做成前端介面
* 前端會開發，但又設計苦手

一起合作就計畫通！

### 1.3 不曉得還能如何精進
換了許多工作，但感覺自己能力還是有待加強，
不然就是覺得自己是用一年的經驗重複 N 年。
促使我們想舉辦這場活動

提供足夠強度的練功主題
讓身處在每個階段的前端與 UI 都有練功的機會！

## 2. 活動時間軸 ★3.5
- **報名時間**：10/13（四）11:00 ~ 11/6（日）23:59
- **++UI++ 、團體組開賽時間**：10/31（一）
- **++前端++組開賽時間**：11/7（一）
- **截止登錄作品**：11/28（一）
- **公布初選佳作名單**：12/5（五）
- **公佈得獎名單**：12/23（五）

### 2.1 ++前端++與 ++UI++ 接棒方式
以 [2021 年活動網站](https://2021.thef2e.com/)為例：
- **主題一投稿時間**
* UI 組投稿區間：10/31(一) 12:00 PM ~ 11/7(一) 12:00 PM
* 前端組投稿區間：11/7(一) 12:00 PM ~ 11/14(一) 12:00 PM

- **主題二投稿時間**
* UI 組投稿區間：11/7(一) 12:00 PM ~ 11/14(一) 12:00 PM
* 前端組投稿區間：11/14(一) 12:00 PM ~ 11/21(一) 12:00 PM

- **主題三投稿時間**
* UI 組投稿區間：11/14(一) 12:00 PM ~ 11/21(一) 12:00 PM
* 前端組投稿區間：11/21(一) 12:00 PM ~ 11/28(一) 12:00 PM


## 3. 三大主題介紹（將提供前端攻略本）

### 3.1 [關卡介紹](https://hexschool.tw/mYvIc) ★4
- **BlockStudio - Week1：The F2E 活動網站設計(視差滾動)**
- 摘要
- 情境模擬
- 版本：pc, cellphone
- user story
- redesign [官網](https://2022.thef2e.com/)
- 活動資訊、call to action
- 加分條件
- prototype 動畫範例
- 評審門檻
- 3 個區塊 動態
- **KDAN - Week2：今晚，我想來點點簽(canvas)**
- 摘要
- user story
- 新增儲存簽名檔 → 上傳背景文件並加入簽名檔 → 下載背景文件+簽名檔
- 資源
- Canvas
- **TitanSoft - Week3：Scrum 新手村(JS draggable)**
- 摘要
- Scrum
- 工作流程方法
- game
- [git](https://learngitbranching.js.org/?locale=zh_TW)
- [文博會](https://shapeofyou.creativexpo.tw/index_pc.html)
- Scrum 工作法的++知識點++ vs [wireframe](https://whimsical.com/scrum-W6KxSni8cBwevVWWXVmsvT)
- 知識點一：++角色++介紹（PO、SM、開發）
- 知識點二：產品待辦清單（Product Backlog）
- 需加入 ++Jira++ 介紹、LOGO
- 知識點三：++Sprint++ Planning
- 知識點四：短衝清單
- 知識點五：Sprint Point
- 知識點六：Sprint 流程
- Daily
- Review（適合使用 ++Confluence++）
- Retro（適合使用 Confluence）

- 資源
- [draggable.js](https://shopify.github.io/draggable/) 拖拉
- [鈦坦 Scrum 流程參考文件](https://www.titansoft.com/tw/agile_skills/scrum)

### 3.2 特性
- "互動式" 網頁設計
- 重視 前端、UI、客戶 的溝通
- 採用
- 前端"攻略本" ★4
- 10/31
- doc + code

## 4. [常見 QA](https://www.hexschool.com/2022/09/08/2022-09-09-the-f2e-4th-2022/)