國立中興大學教學大綱
課程名稱 (中) HTML5 WEB APP程式設計(1093)
(Eng.) HTML5 WEB APP Development
開課單位 資管系
課程類別 選修 學分 3 授課教師 陳育毅
選課單位 資管系 / 學士班 授課使用語言 中文 英文/EMI N 開課學期 1101
課程簡述 HTML5、CSS、JavaScript、各種平台API
先修課程名稱
課程含自主學習 N
課程與核心能力關聯配比(%) 課程目標之教學方法與評量方法
課程目標 核心能力 配比(%) 教學方法 評量方法
具HTML5 Web App開發能力
1.專業知識與應用
2.獨立分析
3.創意
4.英語
5.全球意識
6.溝通與協調
7.企業倫理
80
0
20
0
0
0
0
專題探討/製作
網路/遠距教學
習作
討論
講授
作品
作業
書面報告
出席狀況
口頭報告
授課內容(單元名稱與內容、習作/每週授課、考試進度-共18週)
週次 授課內容
第1週 1. 簡介

2. 最先需要認識的HTML Tags & Functions
https://nchu-mis-html5.blogspot.com/2013/12/html-tags-functions.html

3. 第一個練習 - 模擬網路相簿

4. 第一個練習 - 進階檢討

5. Materialize SCC介面設計
http://nchu-mis-html5.blogspot.com/2016/09/MaterializeCSS.html

6. JavaScript基礎練習
http://nchu-mis-html5.blogspot.com/2013/12/javascript.html

7. Tabletop.js存取試算表練習(後續改用Google Chart)
http://nchu-mis-html5.blogspot.com/2017/07/tabletopjs.html

8. 表單語法
http://nchu-mis-html5.blogspot.com/2013/06/google-spreadsheet.html

9. Google Maps語法
http://nchu-mis-html5.blogspot.com/2013/05/google-maps-api.html

10. 以模板範本建立網站架構

11. AR.js練習
https://nchu-mis-html5.blogspot.com/2018/12/ar-vr.html

12. JSON Parsing及Pixnet API練習
http://nchu-mis-html5.blogspot.com/2016/06/json-parsing.html
http://nchu-mis-html5.blogspot.com/2012/10/api.html

13. Facebook Graph API練習
http://nchu-mis-html5.blogspot.com/2012/10/graph-api.html

14. Mapbox API練習
https://nchu-mis-html5.blogspot.com/2019/05/mapbox.html

15. 網站作品觀摩學習
第2週
第3週
第4週
第5週
第6週
第7週
第8週
第9週
第10週
第11週
第12週
第13週
第14週
第15週
第16週
第17週
第18週
學習評量方式
作業100%
教科書&參考書目(書名、作者、書局、代理商、說明)
課程教材(教師個人網址請列在本校內之網址)
https://nchu-mis-html5.blogspot.com/
課程輔導時間
週一下午
聯合國全球永續發展目標
 提供體驗課程:N
請尊重智慧財產權及性別平等意識,不得非法影印他人著作。
更新日期 西元年/月/日:無 列印日期 西元年/月/日:2024 / 11 / 14
MyTB教科書訂購平台:http://www.mytb.com.tw/