| 課程代碼 |
G0N09K01
|
| 課程中文名稱 |
Javascript程式設計
|
| 課程英文名稱 |
JavaScript Programming
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技資工四甲
|
| 任課教師 |
王靖鈞
|
| 選課人數 |
|
| 上課教室(時間) |
|
週三
|
第12節
|
(C304)
|
|
週三
|
第13節
|
(C304)
|
|
週三
|
第14節
|
(C304)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
以瀏覽器(browser)為平台的應用程式越來越廣泛。
本課程擬以JavaScript為教學語言，逐步講授在瀏覽器上建立網頁應用程式。
|
| 先修科目或預備能力 |
程式能力
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
1.能了解網站運作之流程與原理
|
|
1 工程知識
|
|
2
|
2.能分析與解釋網站系統架構
|
|
2 資訊能力
|
|
3
|
3.能利用html以及Javascript網頁語言，解決網站後台開發與管理所面臨之問題。
|
|
3 實務能力
|
|
4
|
4.具備完整規劃網站系統與流程隻能力
|
|
4 規劃整合
|
|
5
|
5.擁有Javascript網頁程式語言技術，並能與團隊成員共程完成網頁應用系統開發之能力。
|
|
7 管理合作
|
|
6
|
6.具備使用英文解讀相關支技術文件之能力。
|
|
9 外語能力
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
10% |
20% |
20% |
10% |
10% |
0% |
0% |
30% |
0% |
0% |
| |
系指標 |
1 |
3 |
2 |
4 |
9 |
6 |
5 |
7 |
10 |
8 |
| |
工程知識 |
實務能力 |
資訊能力 |
規劃整合 |
外語能力 |
辨識構思 |
報告溝通 |
管理合作 |
社會人文 |
職業倫理 |
| |
10% |
20% |
20% |
10% |
10% |
0% |
0% |
30% |
0% |
0% |
|
| 中文課程大綱 |
1. HTML語法學習
2. 網頁製作技術
3. JavaScript程式語言
4. DHTML物件模型
5. W3C DOM(Document Object Model)
6. XML(eXtensible Markup Language)基礎
7. Ajax基礎(視課程時間決定是否講授)
中文課程大綱 (Chinese Outline)
01-JavaScript語言概述
02-JavaScript語言基礎
03-JavaScript事件處理
04-以物件為基礎的JavaScript程式設計
05-文檔物件模型DOM
06-String、Math、Array等資料物件
07-Window及相關頂層物件
08-Document物件
09-anchor物件和link物件
10-image、area和map物件
11-style和styleSheet物件
12-定位物件和內嵌物件
13-HTML元素物件
14-常規表示式
15-JavaScript中的XML
16-用戶端與伺服器端通訊
17-JavaScript與Ajax技術
18-JavaScript錯誤與異常處理
|
| 英/日文課程大綱 |
01-JavaScript Introduction
02-JavaScript Basics
03-JavaScript Event Processing
04-Object-oriented JavaScript Programming
05-DOM: Document Object Model
06-String、Math、Array Objects
07-Window Object
08-Document Object
09-Anchor and Link Objects
10-Image, Area and Map Objects
11-Style and StyleSheet Objects
12-Location and Embedded Objects
13-HTML Elements
14-Regular Expression
15-XML in JavaScript
16-Client-side and Server-side Communication
17-JavaScript and Ajax
18-JavaScript Error and Exception Handling
|
| 課程進度表 |
1.JavaScript 簡介 5%
2.基本輸出指令 5%
3.基本語法 20%
4.資料處理 10%
5.I應用技巧 20%
6.jQuery 入門 10%
7.專題設計 30%
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
|
| 期末考(第18週)考試方式 |
|
| 其他週考試考試週次與方式 |
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 1.能了解網站運作之流程與原理 |
課堂講授
|
實作
（
平時
）
|
| 2.能分析與解釋網站系統架構 |
分組討論
|
實作
（
平時
）
實作
（
期末
）
|
| 3.能利用html以及Javascript網頁語言，解決網站後台開發與管理所面臨之問題。 |
實作演練
分組討論
課堂講授
|
實作
（
期中
）
|
| 4.具備完整規劃網站系統與流程隻能力 |
分組討論
實作演練
啟發思考
|
實作
（
平時
）
實作
（
期末
）
|
| 5.擁有Javascript網頁程式語言技術，並能與團隊成員共程完成網頁應用系統開發之能力。 |
分組討論
實作演練
啟發思考
|
設計製作
（
期末
）
實作
（
平時
）
|
| 6.具備使用英文解讀相關支技術文件之能力。 |
分組討論
啟發思考
|
口頭報告
（
平時
）
|
|
| 指定用書 |
| 書名 |
JavaScript 網頁程式設計 「超」入門
|
| 作者 |
陳禹豪
|
| 書局 |
旗標
|
| 年份 |
2016
|
| 國際標準書號(ISBN) |
9789863123453
|
| 版本 |
1
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
網頁程式設計的16堂課: HTML5‧CSS3‧JavaScript ‧jQuery‧AJAX‧Bootstrap‧Google Maps
最新 HTML5+CSS3 網頁程式設計 第二版
|
| 教學軟體 |
Bracket Editor
|
| 課程規範 |
需具基本網頁設計及程式設計概念。
|