課程名稱 |
Web程式設計與應用 Web Programming and Applications |
開課學期 |
112-2 |
授課對象 |
電機資訊學院 資訊工程學研究所 |
授課教師 |
張傑帆 |
課號 |
CSIE5210 |
課程識別碼 |
922 U4150 |
班次 |
|
學分 |
3.0 |
全/半年 |
半年 |
必/選修 |
選修 |
上課時間 |
星期三2,3,4(9:10~12:10) |
上課地點 |
|
備註 |
上課教室:資204. 總人數上限:40人 |
|
|
課程簡介影片 |
|
核心能力關聯 |
核心能力與課程規劃關聯圖 |
課程大綱
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
課程概述 |
本課程致力於培養學生綜合運用HTML、CSS、JavaScript等前端技術,以及Node.js、Django等後端框架,打造動態且具互動性的網頁應用程式。透過實際案例,學生將學習設計響應式介面、資料庫整合,並掌握安全性與效能優化的相關技巧。課程強調團隊合作、專案管理,培養學生解決真實問題的能力,使其具備應對現代Web開發挑戰的實際技能。
加簽方式:
初選開放40人
預計會開放40個「加簽碼」的名額
想要加簽的同學建議參加第一堂課的課程的說明
在課程說明後我會放填寫「加簽意願表」的表單
確定想要加選這門課再進行報名填寫
屆時將以表單的填寫狀況進行篩選
[助教聯絡資訊]
姓名:陳柳君
E-mail:web-app-ta@googlegroups.com |
課程目標 |
● 掌握前端技術: 學生將學習HTML、CSS和JavaScript等前端技術,能夠設計和實現具有吸引力和互動性的網頁介面。
● 了解後端框架: 學生將瞭解Node.js、Django等後端框架,並能夠運用這些框架開發動態且功能豐富的網頁應用程式。
● 資料庫整合與管理: 學生將學習如何整合和管理資料庫,包括設計適當的資料結構和執行查詢。
● 團隊合作與專案管理: 強調團隊合作,學生將參與實際專案,培養溝通協作和專案管理的能力。
● 解決真實問題的能力: 藉由實際案例和專案挑戰,學生將培養解決現實Web開發問題的能力。
|
課程要求 |
適合給初學者。 |
預期每週課後學習時數 |
3 |
Office Hours |
|
指定閱讀 |
Beginning Django: Web Application Development and Deployment with Python by Daniel Rubio by Daniel Rubio |
參考書目 |
Web Development with Node and Express, 2nd Edition by Ethan Brown |
評量方式 (僅供參考) |
No. |
項目 |
百分比 |
說明 |
1. |
作業 |
50% |
|
2. |
期末報告 |
50% |
|
|
針對學生困難提供學生調整方式 |
上課形式 |
以錄影輔助 |
作業繳交方式 |
|
考試形式 |
|
其他 |
|
|
週次 |
日期 |
單元主題 |
第1-2週 |
HTML5 基本介紹 |
HTML5 基本介紹 |
第3-8週 |
前端程式設計與應用:JavaScript |
JavaScript基本介紹
程式控制結構
基本資料型態
進階資料型態
自訂函數
文件物件模型(DOM)
表單
事件
小餅乾(Cookies)
|
第9-16週 |
後端程式設計與應用:Django/nodejs |
伺服器端程式語言概述(Django/Node.js)
版本控制系統(Git)
專案管理工具(Jira/Trello)
MVC/ MTV架構
Template 模版
表單 Get 與 Post
Object Relational Mapping (ORM)
伺服器與資料庫連接 (Model)
應用範例
|