113 下學期 React 網頁程式設計研習營
時間:114 年 05 月 06 日- 06 月 10 日(每週二晚上18:00~20:00) 5月 6日、13日、20日、27日及6月 3日、10日共六週 (文/照片:鄭如倪)
114年05月06日至06月10日,資訊科技與管理學系舉辦「React 網頁程式設計研習營」,課程為期六週(5月: 6日、13日、20日、27日及6月:3日、10日),每週二上課,由花蓮慈濟醫院癌症中心程式設計師吳典穎老師授課。課程內容包含React + TypeScript 基礎語法、元件設計與網站實作,並教導使用 TailwindCSS 進行排版及 PrimeReact 套件提升介面互動性。學生透過實作強化對 React 框架及前端工具的應用理解,對同學網頁前端UI程式設計實務能力有顯助的提升,增強就業競爭力。
本次研習營為期六週,循序漸進地引導學生從 React 基礎語法到實務開發。第一週學習 React 元件與基本語法,第二週介紹 Tailwind CSS 與 PrimeReact,並實作按鈕互動功能。第三、四週依序製作登入與註冊頁面,第五週建置購物車頁面並使用表格呈現資料,第六週則完成會員管理功能,並透過 Postman 進行 API 測試。課程理論與實作並重,幫助學生全面掌握 React 前端開發核心能力。
課程進行期間,教室內始終保持著專注且積極的學習氛圍。儘管內容涵蓋較多新穎的前端技術,同學們仍全心投入,認真聽講並積極嘗試實作,遇到問題也勇於發問。老師細心示範每個操作步驟,並隨時解答學生疑問,確保大家都能跟上課程進度。透過反覆練習與互動,學生逐漸建立起對 React 及 TypeScript 的理解與自信。資管三年級的鄭同學分享說:「這是我第一次使用 TypeScript 搭配 React,一開始有點困難,但老師講解清楚有條理,且課堂中有很多實作機會,讓我學得更有信心。」
最終,共有21位學生參與本次React研習課程。每週老師都有給回家作業,且每週上課前都先檢查以確保每位同學都能跟上進度,透過六週的課程與實作練習,最後一週也請同學完成一個4個畫面切換的網頁,所有參與同學皆表示收穫良多,不僅學會了全新的程式語言與開發工具,也對前端網頁設計產生更深的興趣。課程有效培養了學生在React框架下的邏輯思維與實務操作能力,為未來進一步學習或專題開發奠定良好基礎。
![]() |
![]() |
|
|---|---|---|
|
志成老師為同學勉勵 |
老師上課講解 |
|
![]() |
![]() |
|
|
老師逐一細心指導 |
學生認真聽講 |
|




