【113-2微學分課程】前端開發框架: React入門

ICT跨領域實作

Getting Started with A Frontend Framework:React

課程概述與目標

學習 React 基礎與進階應用,透過專案實作強化開發能力

前往選課系統

授課教師

指導老師 資訊工程學系 蔡孟勳 教授 SDC 解心妤、郭慕天

對應總課程名稱

ICT跨領域實作 ICT Interdisciplinary Implementation

課程日期

3/17-5/26 每周一 18:30-20:30

課程總時數

32小時

上課地點

EC330 [GF]

修課人數

20人

先修科目或先備能力

JavaScript, HTML, CSS_之相關知識或能力

自備物品

筆電、充電器

課程教材

自編講義

作業、考試、評量

出席 30% + Final Project 70% (最終是 Pass / No Pass)
預期具體成果或成品: 將透過分組 Final Project,協助學員運用學期所學進行實作

單元主題 內容綱要 講授 示範 習作 其他
React 基礎與核心概念 介紹 React、JSX、Props、事件與狀態管理。 15hr - - -
React 實作觀念 探討 Hooks (useState, useEffect)、組件生命週期與狀態管理。 6hr - - -
應用與最佳實踐 學習 React Router 、Mantine UI 與提升效能。 8hr - - -
期末專案 完成期末專案並進行發表 3hr
日期 課程進度、內容、主題
03/17 Overview
03/24 Basic Component, JSX
04/28 Tailwind CSS
05/05 Props, Rendering
05/12 Events, State
05/19 State Management and Life Cycle
05/26 Hooks & Hatches
05/19 React Router Provider and Routing
05/26 Invited Lecture from AK
06/02 Final Presentation
06/09 Mantine(線上非同步 2hr)

常見問題