前端網頁系統開發概論
Introduction to Frontend Web Development
| 節 | 週四 |
|---|---|
5 13:20–14:10 | 前端網頁系統開發概論 CS 3 節連堂 |
6 14:20–15:10 | |
7 15:30–16:20 |
* 根據陽明交大上課時間表所列
課程目標與內容概述: 本課程,主要目地在於讓選課同學,透過【從中學(learn by doing)】教學模式,學習前端網站(frontend website)開發實務,以期能夠逐步了解並掌握日漸盛行的各類前端 (或用戶端) 網頁技術。例如,包括 HTML5、CSS3、JavaScript。本課程預計涵蓋的範圍與達成目標, 大致可簡略分成以下幾項: 1. 學會靈活運用 HTML5 、CSS3、 Bootstrap 、JavaScript 等前端網頁開發技術 2. 學習並能掌握目前主流的行動網站開發技術 *響應式設計(RWD) vs 行動優先網站設計 (Mobile-first Website Design) 3. 透過網路專案的進行與團隊經驗分享, 提升修課同學對「行動優先網站開發技術」的認知與技能.
無
無備註
本課程擬使用教學軟體: 教育單位可免費(註冊)下載與使用(最新版) * Firefox Browser + Google Browser * VirtualBox (虛擬機) + Lubuntu (開源作業系統)
作業、考試、評量: A. (35%) Homework Assignment: 平時(課堂/課後)作業 3-4 次 B. (35%) Term Project [學期專案]: *配分: a.專案規劃 (5%)+ b.口頭報告(20%) + c.書面報告(10%) *原則上, 以群組為考評單位(做一份報告). 最後, 也會針對個別成員的貢獻度/課堂表現, 適度調整個別組員的學期成績 C. (20%) Final Written Exam [僅一次學期考試; 無期中考試] D. (10%) 其他/課堂表現- 課堂討論 + 心得報告
1.Introduction to this course
1. 本課程簡介 2. 電腦使用環境簡介 -[VirtualBox + Lubuntu] on Windows
- 講授：
- 2
- 示範：
- 1
- 實作：
- 0
- 其他：
- 0
備註：實體上課教室地點\n* PC3 電腦教室_資訊館(光復校區)
2. 網頁開發平台技術概論
網頁平台技術概論 - 前端網頁平台技術(frontend) - 後端網頁平台技術 (backend)
- 講授：
- 1
- 示範：
- 2
- 實作：
- 0
- 其他：
- 0
備註：Week:2
3.網頁前端開發技術_基礎篇
A. HTML5 B. CSS3 C. JavaScript
- 講授：
- 6
- 示範：
- 2
- 實作：
- 4
- 其他：
- 0
備註：Week: 3-6
4.網頁前端開發技術_中級篇
HTML5/CSS/JavaScript 中級技術
- 講授：
- 6
- 示範：
- 2
- 實作：
- 4
- 其他：
- 0
備註：Week: 7-10
5.行動網頁技術_概論篇
常見行動網頁技術 *Adaptive Website Design (AWD) *Responsive Website Design (RWD)
- 講授：
- 3
- 示範：
- 1
- 實作：
- 2
- 其他：
- 0
備註：Week: 11-12
6.行動網頁技術_進階篇
*互動表格 *JSAPI
- 講授：
- 4
- 示範：
- 2
- 實作：
- 3
- 其他：
- 0
備註：Week: 13-15
| 週次 | 主題 |
|---|---|
| 第 1 週 | 課程導論 2022.02.17 |
| 第 2 週 | 課程電腦環境簡介 – VirtualBox + Lubuntu on Windows 2022.02.24 |
| 第 3 週 | 網頁前端技術一基礎篇(HTML/CSS, 1/4) 2022.03.03 |
| 第 4 週 | 網頁前端技術一基礎篇(HTML/CSS, 2/4) 2022.03.10 |
| 第 5 週 | 網頁前端技術一基礎篇(JavaScript, 3/4) 2022.03.17 |
| 第 6 週 | 網頁前端技術一基礎篇(JavaScript, 4/4) 2022.03.24 |
| 第 7 週 | 網頁前端技術一中級篇(HTML/CSS, 1/4)-Multimedia 2022.03.31 |
| 第 8 週 | 網頁前端技術一中級篇(HTML/CSS, 2/4)- Embedding 2022.04.07 |
| 第 9 週 | 網頁前端技術一中級篇(HTML/CSS, 3/4) - HTML tables 2022.04.14 |
| 第 10 週 | 網頁前端技術一中級篇(HTML/CSS, 4/4) Fluid Grids 2022.04.21 |
| 第 11 週 | 網頁前端技術一行動應用篇(RWD, 1/2) 2022.04.28 |
| 第 12 週 | 網頁前端技術一行動行動篇(AWD, 2/2) 2022.05.05 |
| 第 13 週 | 網頁前端技術一進階篇(HTML/CSS, 1/3) 2022.05.12 |
| 第 14 週 | 網頁前端技術一進階篇(HTML/CSS, 2/3) 2022.05.19 |
| 第 15 週 | 網頁前端技術一進階篇(HTML/CSS, 3/3) 2022.05.26 |
| 第 16 週 | 學期考試 (筆試) 2022.06.02 |
| 第 17 週 | 口頭報告(1/2) - 第一梯次 2022.06.09 |
| 第 18 週 | 口頭報告(2/2) - 第二梯次 2022.06.16 |
*本課程, 無固定教科書 自製講義或課本之參考書目: *參考資料 A. Mozilla Development Network(MDN), “Learn web development”, https://developer.mozilla.org/en-US/docs/Learn B. HTML 自學網站 (URL), https://www.w3schools.com C. 施威銘研究室(2017)”, “網頁程式設計的16堂課: HTML5、CSS3、JavaScript、jQuery、AJAX、Bootstrap Google Maps” , 旗標出版社 D. 陳惠貞(2017), “跨裝置網頁設計 : HTML5、CSS3、JavaScript、jQuery、Bootstrap、jQuery Mobile”, 碁峰資訊
- 地點
- Room 327, Information Building (資訊館 327室)
- 時間
- A. 週一12:20-13:20 B. 週三15:00-16:00
- 聯絡方式
- Email: jcs.chen@nycu.edu.tw Phone: x31721