# 開發日程及目標

## AC 預定開發日程

### 詳細資訊
* 2022/07/28 - [Sprint #1 確認任務與分工](https://hackmd.io/@twitter-2022/spring_1)
* 2022/08/01 - [Sprint #2 確認是否在進度上](https://hackmd.io/@twitter-2022/spring_2)
* 2022/08/05 - [Sprint #3 上線準備 & Demo](https://hackmd.io/@twitter-2022/spring_3)

## 前後分離開發模式
### 前端
:::warning
**技術層面**
* 前端框架 Vue 深度應用（例如：Vue router、Vuex）
* 多頁面切版
* 預處理器在實際開發的應用（例如：SCSS）
* class 命名規範（例如：BEM）怎麼加快開發速度
* 非同步串接後端 API，針對回傳的 status 做不同處理
* 前端驗證：像是錯誤處理的訊息提示，或是使用者輸入了不符期待的資料時，* 如果處理完再傳送給後端

**專案專注點**
* 畫面精美度：是否 100% 還原設計稿，及新增使用者互動細節（例如：hover 效果、按鈕禁用效果）
* 前端框架的使用：是否正確及妥善使用 vue 指令、功能來完成專案
* 使用者體驗：包括錯誤通知、提示通知，以及網站動線等設計
* 網頁效能：網頁操作的流暢度、資料載入速度等
:::

### 後端
:::success
**技術層面**
* API 文件撰寫
* 設計 API 提供的資料內容，包括 API 設計的可讀性（RESTful API設計風格）
* 了解如何處理 CORS
* 熟練版控工具（Git）進行離線溝通及線上即時溝通
* 資料庫設計（table、column、關聯性、哪些要加密或雜湊）
* 資料庫 query 撈資料的效能考量
* 後端驗證：例如前端送來的資料驗證、使用者認證等
*
**專案專注點**
* 以通過測試為第一優先
* code 的可讀性（輸入的參數有沒有包裝、邏輯是否易懂）
* 程式碼是否有系統性的整理（例如：使用 MVC 架構，把同性質的 code 另外包裝）
* 資料庫撈資料的效能（例如：打太多次 API、沒有善用 join、各個 table 的 column 關聯設計不良、有沒有正規化等等 ）
* 後端驗證：使用者認證是否能運行，及是否有對前端送來的資料進行驗證
:::

## 相關連結
[回首頁](https://hackmd.io/@twitter-2022/index)

###### tags: `index`