JavaScript網頁程式設計
JavaScript Web Programming
| 節 | 週四 |
|---|---|
2 09:00–09:50 | JavaScript網頁程式設計 CS 3 節連堂 |
3 10:10–11:00 | |
4 11:10–12:00 |
* 根據陽明交大上課時間表所列
網頁應用系統包含前端的網頁設計、使用者互動界面與後端的資料處理。前端包括HTML標籤及CSS樣式表,搭配JavaScript程式,產生高互動性的操作界面網頁。本課程教授前端HTML、CSS與JavaScript,以範例引導,依序帶領同學學習JavaScript程式設計,開發實用的使用者互動介面;後端則搭配MySQL、nodeJS,建立簡單的event-driven、non-block I/O的應用系統。
熟悉Windows 基本操作能力,會使用任何一種文字編輯器
無備註
教學資源使用情況和相關配合事項:(如教學網站、校內外配合單位,所需設備或其他軟硬體等事項等) 電腦教室, e3 網站
評量方式:(請說明作業、報告、討論或考試的次數和所佔比例。出席不可作為評分標準。請務必填寫,此項為課程之審查重要依據。) 隨堂練習與作業(65%);期末專題實作(35%)
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. jQuery & Bootstrap 7. Ajax
- 講授：
- 17
- 示範：
- 5
- 實作：
- 5
MySQL
1. MySQL Tutorial
- 講授：
- 2
- 示範：
- 5
- 實作：
- 5
nodeJS
1. nodeJS 2. express
- 講授：
- 4
- 示範：
- 1
- 實作：
- 1
HTML
1. Text 2. Link 3. Multimedia 4. List 5. Table 6. Form
- 講授：
- 4
- 示範：
- 1
- 實作：
- 1
| 週次 | 主題 |
|---|---|
| 第 1 週 | Introduction; HTML overview |
| 第 2 週 | HTML |
| 第 3 週 | CSS |
| 第 4 週 | CSS |
| 第 5 週 | CSS |
| 第 6 週 | Javascript Basic |
| 第 7 週 | Javascript Object Type |
| 第 8 週 | Javascript Object Type |
| 第 9 週 | Javascript Document Object Model |
| 第 10 週 | Javascript Event |
| 第 11 週 | jQuery & Bootstrap |
| 第 12 週 | MySQL |
| 第 13 週 | Node.js Basic |
| 第 14 週 | AJAX |
| 第 15 週 | AJAX Practice |
| 第 16 週 | Cookie & Session |
| 第 17 週 | Express |
| 第 18 週 | Term Project Presentation |
教科書列表:參考資料來源(不限以下所列) Nicholas C. Zakas, Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers, Wrox Mark Pilgrim, HTML 5: Up and Running, O'Reilly Eric A. Meyer, CSS: The Definitive Guide, O'Reilly 自製講義或課本之參考書目: https://www.w3schools.com/ Stoyan Stefanov, Javascript Pattern, O'Reilly David Sawyer McFarland, JavaScript & jQuery:The Missing Manual, O'Reilly
- 地點
- 資訊館328室
- 時間
- 4EFG
- 聯絡方式
- Tel: 31719 lia@cc.nctu.edu.tw