JavaScript網頁程式設計
JavaScript Web Programming
| 節 | 週二 |
|---|---|
2 09:00–09:50 | JavaScript網頁程式設計 CS 3 節連堂 |
3 10:10–11:00 | |
4 11:10–12:00 |
* 根據陽明交大上課時間表所列
本課程介紹如何利用JavaScript設計豐富生動網頁。首先學習HTML標籤及CSS樣式表,接著搭配JavaScript程式,藉由Event與DOM產生高互動性的操作界面網頁。
熟悉Windows 基本操作能力,會使用任何一種文字編輯器。 本課程原則上讓較缺乏機會接觸程式設計的學生優先選修。 第一次上課時老師將手動退選下列選課學生:資訊學院學生、電機學院學生, 並於上課時供非資訊、電機學院的學生優先加選,有剩餘名額才供資訊、電機學院學生加選。
無備註
電腦教室
隨堂練習與作業(65%);期末專題實作(35%)
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. Table Style 6. Box Model/Layout
- 講授：
- 6
- 示範：
- 2
- 實作：
- 1
JavaScript
1. Basic 2. Object Type 3. Browser Object Model 4. Document Object Model 5. Event Handling 6. Ajax + JSON
- 講授：
- 15
- 示範：
- 6
- 實作：
- 6
Framework
1. jQuery 2. Bootstrap
- 講授：
- 3
- 示範：
- 1.5
- 實作：
- 1.5
| 週次 | 主題 |
|---|---|
| 第 1 週 | Introduction; HTML overview |
| 第 2 週 | HTML |
| 第 3 週 | CSS |
| 第 4 週 | CSS |
| 第 5 週 | CSS |
| 第 6 週 | Javascript Basic |
| 第 7 週 | Javascript Basic |
| 第 8 週 | Javascript Object Type |
| 第 9 週 | Javascript Object Type |
| 第 10 週 | Javascript Document Object Model |
| 第 11 週 | Javascript Event |
| 第 12 週 | Javascript Event |
| 第 13 週 | Javascript Canvas |
| 第 14 週 | AJAX & JSON |
| 第 15 週 | jQuery |
| 第 16 週 | Bootstrap |
| 第 17 週 | Term Project Presentation |
| 第 18 週 | Term Project Presentation |
遠距上課連結請參閱 http://wad.it.nctu.edu.tw/web/ 教科書列表:參考資料來源(不限以下所列) 自製講義或課本之參考書目: 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
- 地點
- 資訊館328室
- 時間
- 2EFG
- 聯絡方式
- Tel: 31719 lia@cc.nctu.edu.tw