◎系所教育目標：
1.培育具教學設計與規劃專業知能之數位學習人才。
2.培育具備數位教材開發、出版與媒體設計實作能力之人才。
3.培養具備資訊科技融入教學與訓練知能之人才。
4.培養具備專案管理與科技導入組織能力之人才。 |
| ◎核心能力 | 關聯性 |
| 1.數位學習專業能力。 | 3 關聯性中等 |
| 2.資訊與媒體應用及實作能力。 | 4 關聯性稍強 |
| 3.導入與管理數位學習專案。 | 3 關聯性中等 |
| 4.團隊合作與全方位學習。 | 2 關聯性稍弱 |
◎本學科內容概述：
本課程採用實作的方式進行網頁程式設計基礎入門。透過 Web Server 的架設、以及互動網頁撰寫，讓修課學生具有基本網頁設計與網頁程式設計能力養成。 |
◎本學科教學內容大綱：
1.講授基本 HTML 相關語法、CSS 排版體裁前端網頁等，讓學習者有完成的網頁程式設計概念。 2.此外也會介紹最新開發網頁的相關技術與套件，如 RWD、Bootstrap 等，以美化網頁外觀。 3.課程內每一單元皆會配合網頁設計，以做中學方式讓修課學生也能於課堂上體驗開發網頁與網頁程式設計。 4.課程結束前，將以期末小專題型是製作學習者所需的網站，以檢核學習在課程所學的各種網頁程式設計知識與技能與否養成，也能進一步培養學生的邏輯思維能力，以網頁程式設計解決各式以系統化、資訊化、程式化解決資料處理等相關問題。 |
◎本學科學習目標：
1. 理解 ASP.NET Core MVC 的基本原理與架構
2. 學習 API 開發，能夠開發並串接 Web API
3. 前後端整合，使用 AJAX、Razor Pages 與 JavaScript 互動
4. 完成一個動態網站專案，學習部署與優化 |
| ◎教學進度： |
| 週次 | 主題 | 教學內容 | 教學方法 |
01
02/23 | 課程導論與開發環境 | ASP.NET Core 介紹、.NET 架構、安裝 VS Code/Visual Studio、建立專案 | 操作/實作、講授、討論。 |
02
03/02 | MVC 架構與請求流程 | Model、View、Controller 的概念與運作方式 | 操作/實作、講授、討論。 |
03
03/09 | MVC 架構與請求流程 | Model、View、Controller 的概念與運作方式 | 操作/實作、講授、討論。 |
04
03/16 | Model、View、Controller 的概念與運作方式 | 設計資料表、Migration、LINQ 操作 | 操作/實作、講授、討論。 |
05
03/23 | 進階資料庫操作 | 關聯式資料表、多對多關係、Lazy/Eager Loading | 操作/實作、講授、討論。 |
06
03/30 | 表單驗證與錯誤處理 | Data Annotations、Model Binding、Exception Handling | 操作/實作、講授、討論。 |
07
04/06 | 民俗掃墓節遇例假日補假 | 民俗掃墓節遇例假日補假 | 口頭報告、討論。 |
08
04/13 | 期中專案報告 | 網站設計成果之口頭報告 | 操作/實作、講授、討論。 |
09
04/20 | Web API 與 JSON | 建立 API Controller、Swagger、JSON 格式處理 | 操作/實作、講授、討論。 |
10
04/27 | AJAX 與前後端互動 | JavaScript Fetch、AJAX 與 API 串接 | 操作/實作、講授、討論。 |
11
05/04 | 檔案上傳與處理 | 檔案上傳、圖片存取 | 操作/實作、講授、討論。 |
12
05/11 | 進階功能：Session、Cookie、SignalR | 訊息通知、即時更新 | 操作/實作、講授、討論。 |
13
05/18 | 部署與優化 | 部署到 Azure / AWS、效能最佳化 | 操作/實作、講授、討論。 |
14
05/25 | 專題開發與優化 | 設計與調整 UI/UX、測試與除錯 | 操作/實作、講授、討論。 |
15
06/01 | 專題開發與優化 | 設計與調整 UI/UX、測試與除錯 | 操作/實作、講授、討論。 |
16
06/08 | 期末專案報告 | 專題成果發表、未來學習方向建議 | 操作/實作、講授、討論。 |
17
06/15 | 自主學習 | 專案開發與優化 | 問題教學法。 |
18
06/22 | 自主學習 | 專案開發與優化 | 問題教學法。 |
◎課程要求：
None |
◎成績考核
課堂參與討論10% : 出席、討論、問答、程式實作練習
期中考30% : 專案開發第一階段成果報告
期末考40% : 專案開發第二階段成果報告
作業/習題演練20% : 3至4個小作業，確保理解核心概念
|
◎參考書目與學習資源
網頁程式設計ASP.NET MVC 5.x範例完美演繹
開源Web建置強大標準：ASP.NET Core全端開發立即上手 |
| ◎教材講義 請改以帳號登入校務系統選擇全校課程查詢方能查看教材講義 |