• demo day：8/6 ( Sat.) 20:00

• 到場名單：Eugene 助教, CH, MeiMei, Naomi, Adriene

• demo 流程紀錄

  • 由誰負責 demo 了什麼內容：
    • CH 主持
    • Mei Mei 補充
  • 是否發生 block，什麼原因？預期如何解決？
  • 本次 demo 內容：

    1. 註冊 & 登入：

       成功會有提示

       有缺少的欄位，html 會先有提示

       使用者關掉 html( required)，前端也會先阻擋空白欄位，不會在缺少資料的情況下，向後端發送請求

       防止不正確請求

    2. 字數上限驗證：有做 html + JS，會跳提示

    3. 防止空白推文：使用者沒有輸入任何文字，就不送請求到後端

    4. 按下推文按鈕，跳出彈出視窗，新增推文後馬上能看到新增的該筆推文

    5. 點擊推文，可以看到該則推文的詳細資訊和回覆，按下回覆鍵，會跳出彈出視窗，視窗內也可以點擊愛心

    6. 跟隨功能：

       跟隨成功/失敗會有提示

       點擊跟隨或取消跟隨後，按鈕也會即時顯示跟隨狀態

       使用者不能去追蹤自己，只要是當下登入的 user，就不會顯示追蹤按鈕

    7. 按鈕都有限制，避免使用者未完成前一個程序，一直送出資料向後端發送 request

    8. 錯誤訊息提示：除 UI 設計稿指定顯示的錯誤提示外，部分是拿取後端傳到前端的 error message 來顯示

    9. 點選 like or unlike，愛心會變色

    10. 設定功能：使用者編輯自己註冊時填寫的資料，跟註冊頁面一樣，都有做防止空白欄位、字數限制、防止密碼和確認密碼不同

• 其他討論紀錄

1. Demo：

   • 缺少頁面：

     1. 個人資料頁面和編輯
     2. 後台

   • 助教評論：

     1. 檢查和錯誤提示做得很完善，這點很好
     2. 防止空白欄位 html + JS 邏輯判斷 ，前後端都做更適合

2. 助教就前端問題進行回答：

實作問題：

• 個人前台推文頁（Mei Mei）：
• （畫面上是個人資料頁？）點擊右邊的推薦跟隨，個人資料頁面上的跟隨計數器數字不會變動
• 問題：
  • 不知道資料該從子傳父？父傳子？誰呼叫誰？
  • 資料傳遞會一直繞來繞去，互 call，繞到會卡住
• 助教解答：
  • 思考方向：資料共用，一筆資料，可以在很多地方使用
  • 前段目前作法：都放在父層（管理上會比較麻煩，因為要一直傳到子層）
  • 助教建議方法方法：會被用在很多地方的資料存在 vuex，解耦合
  • 不用 vuex 的話：
    1. 元件間要 call 來 call 去，binding 的方式，會比較複雜
    2. event box
  • 概念：一個中央管理 state的機制，跟 component 分離，不然就要用 binding 的方式e.g. 點擊追蹤，要觸發 api 去更新資料
  • 助教提供實務上的作法：
    1. 父層：入口，打 api
    2. 子元件：發 action ，不打 api，比較獨立的元件才打 api

工作分配、溝通問題、debug：

• 實務上的工作分配：不一定會平均，技術強的會做多一點，技術比較弱的會就現在熟悉的部分做，再多承接一點挑戰部分（比例：7比3）
• 前端分工，元件區分是一種；一個人切版和做 component，一個人串資料也是一種
• 實務上，每天會有10~15分鐘的會議，講出自己昨天做了什麼，每個人講出遇到什麼困難和問題，一起討論
• 培養出解決問題的能力，包含查找資料和用查到的資料解決遇到的問題
• debug 技巧、工具和經驗，都會隨著討論和教別人，自身能力會慢慢進步