前端網頁系統開發概論
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
- 2. 網頁開發平台技術概論
- 3.網頁前端開發技術_基礎篇
- 4.網頁前端開發技術_中級篇
- 5.行動網頁技術_概論篇
- 6.行動網頁技術_進階篇
| 週次 | 主題 |
|---|---|
| 第 1 週 | 課程導論 |
| 第 2 週 | 課程電腦環境簡介 – VirtualBox + Lubuntu on Windows |
| 第 3 週 | 網頁前端技術一基礎篇(HTML/CSS, 1/4) |
| 第 4 週 | 網頁前端技術一基礎篇(HTML/CSS, 2/4) |
| 第 5 週 | 網頁前端技術一基礎篇(JavaScript, 3/4) |
| 第 6 週 | 網頁前端技術一基礎篇(JavaScript, 4/4) |
| 第 7 週 | 網頁前端技術一中級篇(HTML/CSS, 1/4)-Multimedia |
| 第 8 週 | 網頁前端技術一中級篇(HTML/CSS, 2/4)- Embedding |
| 第 9 週 | 網頁前端技術一中級篇(HTML/CSS, 3/4) - HTML tables |
| 第 10 週 | 網頁前端技術一中級篇(HTML/CSS, 4/4) Fluid Grids |
| 第 11 週 | 網頁前端技術一行動應用篇(RWD, 1/2) |
| 第 12 週 | 網頁前端技術一行動行動篇(AWD, 2/2) |
| 第 13 週 | 網頁前端技術一進階篇(HTML/CSS, 1/3) |
| 第 14 週 | 網頁前端技術一進階篇(HTML/CSS, 2/3) |
| 第 15 週 | 網頁前端技術一進階篇(HTML/CSS, 3/3) |
| 第 16 週 | 學期考試 (筆試) |
| 第 17 週 | 口頭報告(1/2) - 第一梯次 |
| 第 18 週 | 口頭報告(2/2) - 第二梯次 |
*本課程, 無固定教科書 自製講義或課本之參考書目: *參考資料 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