114-BIRC前端集訓考核試題

Published on December 10, 2025

https://eminent-glider-8c3.notion.site/114-BIRC-2959def5443d80f091dbd55ee29d60b7?pvs=74

PDF檔:

fb914707-5bb0-42a2-94d6-0a012b43692f_前端集訓考核試題.pdf

  • 後端: https://frontend-practice.ntubimdbirc.tw/practice/api/products
  • 範例demo: https://hyc.eshachem.com/test

已完成2/3的程式碼:

https://github.com/Chen11111112/frontEndTest.git

    檔案規劃

    分成三個主要檔案

    • pages/index.tsx
    • components/ProductList.tsx (商品列表 區域)
    • components/ShoppingCart.tsx (購物車 區域)

    加分項

    非必要，時間允許再寫。

    1. 視情況加上<p>載入商品中…</p>等loading提示
    2. 上方紅色的錯誤提示。如果後端有回傳錯誤會顯示在上方。
    3. SCSS 美觀

    註解

    • 可以參考之前寫的檔案。
    • 可使用GPT。
    • 用研討二的桌機考試。
    • 考完不用關閉點腦，螢幕開著即可離場。
    • 可以舉手問我問題，非技術性問題(ESlint)我會回答。
      • 技術性問題為: TS錯誤，邏輯錯誤，React語法錯誤。

    Previous

    Next