JavaScript 網頁程式設計
JavaScript Web Programming
| 節 | 週二 |
|---|---|
5 13:20–14:10 | JavaScript 網頁程式設計 CS-PC3（光復） 3 節連堂 |
6 14:20–15:10 | |
7 15:30–16:20 |
* 根據陽明交大上課時間表所列
本課程介紹如何利用JavaScript設計豐富生動網頁。首先學習HTML標籤及CSS樣式表,接著搭配JavaScript程式,藉由Event與DOM產生高互動性的操作界面網頁。
熟悉Windows 基本操作能力,會使用任何一種文字編輯器。 本課程原則上讓較缺乏機會接觸程式設計的學生優先選修。 第一次上課時老師將手動退選下列選課學生:資訊學院學生、電機學院學生, 並於上課時供非資訊、電機學院的學生優先加選,有剩餘名額才供資訊、電機學院學生加選。
無備註
資訊館電腦教室(三)
隨堂練習與作業(60%);期末專題實作(40%)
HTML
1. Text 2. Link 3. Multimedia 4. List 5. Table 6. Form
- 講授：
- 4
- 示範：
- 1
- 實作：
- 1
CSS
1. Selector 2. Text Style 3. Font Style 4. Color Style 5. Box Model 6. Layout
- 講授：
- 6
- 示範：
- 2
- 實作：
- 1
JavaScript
1. Basic 2. Object Type 3. Browser Object Model 4. Document Object Model 5. Event Handling 6. Ajax
- 講授：
- 15
- 示範：
- 6
- 實作：
- 6
Implementation Case Study
Wordle Game Flappy Bird
- 講授：
- 3
- 示範：
- 1.5
- 實作：
- 1.5
| 週次 | 主題 |
|---|---|
| 第 1 週 | Introduction HTML overview 2024-09-03(二) |
| 第 2 週 | HTML 2024-09-10(二) |
| 第 3 週 | CSS 2024-09-17(二) |
| 第 4 週 | CSS 2024-09-24(二) |
| 第 5 週 | CSS 2024-10-01(二) |
| 第 6 週 | Javascript Basic 2024-10-08(二) |
| 第 7 週 | Javascript Basic 2024-10-15(二) |
| 第 8 週 | Javascript Object Type 2024-10-22(二) |
| 第 9 週 | Javascript Object Type 2024-10-29(二) |
| 第 10 週 | Javascript Document Object Model 2024-11-05(二) |
| 第 11 週 | Javascript Event 2024-11-12(二) |
| 第 12 週 | Javascript Event 2024-11-19(二) |
| 第 13 週 | Javascript Canvas 2024-11-26(二) |
| 第 14 週 | AJAX 2024-12-03(二) |
| 第 15 週 | Implementation Case Study 2024-12-10(二) |
| 第 16 週 | Implementation Case Study 2024-12-17(二) |
| 第 17 週 | Term Project Presentation 2024-12-24(二) |
| 第 18 週 | Term Project Presentation 2024-12-31(二) |
教科書列表:參考資料來源(不限以下所列) 自製講義或課本之參考書目: Nicholas C. Zakas, Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers, No Starch Press Stoyan Stefanov, Javascript Pattern, O'Reilly Mark Pilgrim, HTML 5: Up and Running, O'Reilly Eric A. Meyer, CSS: The Definitive Guide, O'Reilly
- 地點
- 資訊館117室
- 時間
- 3EFG
- 聯絡方式
- Tel: 31719 lia@cc.nctu.edu.tw