114-2期末黑客松

本學期網研社社團即將告一段落,為了感謝辛苦的講師們、幹部們以及剛結束期末考的社員,為此舉辦一個期末聚會,進行小比賽驗收教學成果,並藉此促進社員感情。


活動內容

深度學習與 React 實作競賽

時間、地點

  • 日期:2026年5月26日 (二)
  • 場地:CM1019

活動流程

18:30 - 19:15 吃吃喝喝 & 期末總結
19:20 - 19:40 吃吃喝喝 & 李景臣講師活動說明 與 Blooket比賽(10~15題)
19:45 - 20:05 吃吃喝喝 & 張耀仁講師活動說明 與 Blooket比賽(10~15題)
20:10 - 20:50 同學實作部分時間
20:50 - 21:00 頒獎 + 大合照

活動摘要:深度學習

張耀仁講師 | 深度學習與卷積神經網路

本次活動將以「深度學習與卷積神經網路」為核心,結合 Blooket 趣味競賽與 Kaggle 平台實戰。首先透過 Blooket 互動遊戲,快速檢測學員對於神經網路基本元件(如 Linear Regression,CNN、Transformer、Loss Function 等)的觀念掌握。隨後進入 Kaggle 實戰環節,學生將化身為 AI 訓練師,針對特定的影像資料集進行模型調優與參數對決。活動旨在模擬真實的數據科學競賽流程,測驗學生對模型擬合、泛化能力的理解,並提升在有限算力下的實戰解題實力。

活動摘要:React 網頁設計

李景臣講師 | React前後端系統建置

本次活動將以「React前後端系統建制」為核心進行實戰。第一階段將以Blooket趣味競賽讓大家進行理論知識的競技,以了解學員們對整體React框架的熟悉度。第二階段將以實作賽進行比較,學員們將挑戰如何在有限的時間内以React搭配node.js建制一個簡易前後端系統,以了解學員本學期的學習成果。

題目舉例說明

React 與 前後端 API 串接

完整題目連結

題目:

當前端使用 fetch 呼叫 API 取得回應物件 (Response) 後,通常需要使用哪一個內建方法將其轉換為可讀的 JSON 格式?

選項:
  • A. .toString( )
  • B. JSON.stringify( )
  • C. .json( )
  • D. JSON.parse( )

正確答案:C

解析:`.json()` 是 Response 物件的內建方法,專門用來將回應內容解析為可用的 JavaScript 物件。


React:實作題型

點擊圖片可查看大圖

實作題目1 實作題目2 實作題目3 實作題目4

深度學習 Blooket 挑戰

完整題目連結

題目:

Adam 優化器相比基本的 SGD,主要優點是什麼?

選項:
  • A. 訓練速度一定更快
  • B. 自動調整每個參數的學習率,收斂更穩定
  • C. 引入了動量(momentum)的概念,避免訓練卡住
  • D. 模型準確率一定更高

正確答案:B

解析:Adam 結合了動量與自適應學習率的機制,能針對每個參數自動調整學習率,使訓練過程收斂更穩定。


深度學習:實作題型

點擊圖片可查看大圖

實作題目1 實作題目2 實作題目3 實作題目4

得獎照片

React 遊戲 Blooket 得獎

第一名:楊雅安、第二名:柯絜甯、第三名:汪俊廷

深度學習 遊戲 Blooket 得獎

第一名:楊雅安、第二名:王玉儒、第三名:吳英綺

React 實作得獎

第一名:張萍恩、第二名:楊雅安、第三名:王玉儒

深度學習實作得獎

第一名:李蘇容、第二名:陳皓宇、第三名:柯絜甯

花絮照片

歡迎加入網研社!

馬上搜尋網研社FB粉專及社團,獲得第一手資訊