JavaScript 網頁程式設計
JavaScript Web Programming
| 節 | 週三 |
|---|---|
2 09:00–09:50 | JavaScript 網頁程式設計 CS-PC3（光復） 3 節連堂 |
3 10:10–11:00 | |
4 11:10–12:00 |
* 根據陽明交大上課時間表所列
本課程介紹如何利用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 2025-02-19(三) |
| 第 2 週 | HTML 2025-02-26(三) |
| 第 3 週 | CSS 2025-03-05(三) |
| 第 4 週 | CSS 2025-03-12(三) |
| 第 5 週 | CSS 2025-03-19(三) |
| 第 6 週 | Javascript Basic 2025-03-26(三) |
| 第 7 週 | Javascript Basic 2025-04-02(三) |
| 第 8 週 | Javascript Object Type 2025-04-09(三) |
| 第 9 週 | Javascript Object Type 2025-04-16(三) |
| 第 10 週 | Javascript Document Object Model 2025-04-23(三) |
| 第 11 週 | Javascript Event 2025-04-30(三) |
| 第 12 週 | Javascript Canvas 2025-05-07(三) |
| 第 13 週 | AJAX 2025-05-14(三) |
| 第 14 週 | Implementation Case Study 2025-05-21(三) |
| 第 15 週 | Implementation Case Study 2025-05-28(三) |
| 第 16 週 | Term Project Presentation 2025-06-04(三) |
| 第 17 週 | Term Project Presentation 2025-06-11(三) |
教科書列表: 線上教材 https://edube.org/study/jse1, https://edube.org/study/jse2 參考資料來源(不限以下所列) 自製講義或課本之參考書目: 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