課程資訊
課程名稱
網頁互動程式設計
Interactive Web Programming 
開課學期
106-1 
授課對象
共同教育組  
授課教師
陳 琨 
課號
CSX1004 
課程識別碼
H03 01040 
班次
03 
學分
1.0 
全/半年
半年 
必/選修
選修 
上課時間
 
上課地點
 
備註
線上課程.限非電資學院學生選修.建議先修:網頁使用者介面設計.基本能力課程. 。基本能力課程。
總人數上限:50人 
Ceiba 課程網頁
http://ceiba.ntu.edu.tw/1061CSX1004_03 
課程簡介影片
 
核心能力關聯
本課程尚未建立核心能力關連
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

本課程主要使用 JavaScript 程式語言與 jQuery 函式庫來教導同學如何開發一個簡易的網頁互動程式。

建議欲修課的同學需曾修過「CSX1001 網頁使用者介面設計」或是本身已經有HTML+CSS的基礎後,再進行選修本課程。  

課程目標
本課程採線上影片及線下讀書會的雙軌方式進行,將以小型專案的方式,引導同學使用JavaScript與jQuery語法來學習,進而使同學俱備開發互動式網頁的能力。

1. 如何利用Google Chrome的 DevTools,練習 JavaScript 基本語法。
2. JavaScript 的基本語法 (變數宣告、資料型態)
3. jQuery的語法介紹及如何取得網頁的元素
4. 計算BMI專案
5. 求質數專案
6. 在網頁隨機產生數字並且求總合
7. 撲克牌遊戲 
課程要求
考試日期:2018年1月11日
考試時間:20:00~21:30
考試地點:計中116

考試注意事項:
* 採上機實作考核,同學須依題目要求,以滑鼠及鍵盤操作填答應試
* 試題由考核老師出題,並於當天現場公布
* 禁止攜帶包含但不限於:手機、筆電、任何電子通訊器材等
* 會由助教帶領至指定座位,當確定好座位後,請將隨身包包放至於教室後方
* 記得帶學生證、文具(筆、鉛筆、修正液等等)
* 可帶A4一張兩面的筆記應試
* 若未參與現場評量者(缺考者),期末總成績將評定為「F」

*考題類型*
填空題:將會給一份不完整的程式碼,再依照題目所指示的要求,補齊正確的程式碼
創意題:根據題目要求,設計一個全新的程式

測試場地設備規格:
* 作業系統 Windows 7
* 編輯軟體 Visual Studio Code
* 網路會斷線

課後學習:
* 建議同學每週花至少8小時來練習W3Schools的基礎語法,並且實際做過線上影片或線下讀書會的專案,才比較容易通過上機考試
* 盡可能的參加線下讀書會,對於上機考試會很有幫助

線下讀書會:
時間:每週星期四 晚上 18:30~21:30
地點:普通203 
預期每週課後學習時數
 
Office Hours
每週四 18:30~21:30 備註: 線下讀書會 (普通203教室)  
指定閱讀
W3Schools JavaScript 線上教材 (https://www.w3schools.com/js/)
W3Schools jQuery 線上教材 (https://www.w3schools.com/jquery/)
CS+X平台線上影片
FB社團的相關直播影片 
參考書目
*考核範圍及教材*
W3Schools JavaScript 線上教材 (https://www.w3schools.com/js/)
W3Schools jQuery 線上教材 (https://www.w3schools.com/jquery/)
CS+X平台線上影片
FB社團的相關直播影片
 
評量方式
(僅供參考)
 
No.
項目
百分比
說明
1. 
平時成績 
20% 
師生互動、線上臉書社團及線下讀書會的參與 
2. 
上機考核 
80% 
若未參與現場評量者(缺考者),期末總成績評定為「F」 
 
課程進度
週次
日期
單元主題
第6週
2017/10/19  01班上機考核 時間:20:00~21:30 
第12週
2017/11/30  02班上機考核 時間:20:00~21:30 
第18週
2018/01/11  03班上機考核 時間:20:00~21:30