• 姓名: UL
• 學號: 4070c029
• 回首頁

互動人機介面

• 期末報告
  • 期末1-點餐
  • 期末2-小遊戲

• 第十二堂課
  • 星星會跑的背景圖
  • 飛碟
  • 鐘錶的動畫
  • 鐘錶的動畫-有音效
  • 鐘錶的動畫-有音效
  • 太陽-地球-月球 轉轉轉
  • 圓餅圖

• 第十一堂課
  • 第一個 JSON: 用 AQI 做解釋
  • 一個自我介紹的 JSON 格式輸出
  • JSON 的陣列格式
  • Ajax 回傳與 JSON.parse 功能
  • 第一個畫方塊的 Canvas 畫布
  • 不同路徑繪製
  • 星星滿天
  • 畫個飛碟
  • 打 UFO 的遊戲
  • 地圖縮放
  • 資傳系平面圖
  • 變形企鵝

• 第十堂課
  • 建立固定風格樣式
  • 第一個 Ajax 資料處理
  • 使用 responseXML
  • 左側資料填入右側方塊
  • 設置天氣小方塊
  • CORS 跨站 ajax 的問題
  • 中繼程式 API - CWB
  • 採用自己網站 API 的方式處理

• 第九堂課
  • 暫停淡出淡入的照片抽換
  • 承上，練習 addEventListener
  • 承上，最多讓你停三次
  • 開新視窗，占用螢幕 1/4 大
  • 我要滑鼠座標
  • 滑鼠拖曳事件
  • HTML5 drag and drop 單一拖曳事件
  • HTML5 drag and drop 多重拖曳事件
  • 例題 9-3-3: HTML5 drag and drop 一個蘿蔔一個坑
  • 例題 9-4-1: 打 UFO 砲台製作
  • 打 UFO 砲台製作
  • 打 UFO 砲台製作
  • 幽浮

• 第八堂課
  • 取得 document 的屬性
  • 用createelement 建立1000個星星
  • 新增刪除元件
  • 取得日期物件的內容方法
  • 顯示各地的時鐘
  • 計算幾天後的日期
  • 算倒數時間
  • 碼表設計
  • 倒數計時
  • 自動抽換圖片
  • 自動抽換圖片+淡出淡入 (setTimeout)
  • 移動效果

• 第七堂課
  • 取得windows物件的屬性
  • 修改windows物件的屬性
  • 數值物件處理
  • 字串物件方法的應用
  • 只取我要的資料
  • 數學物件的常數或屬性
  • 可憐老師期末算成績
  • 計算式--錯誤克服
  • 了解陣列的方法
  • 二維陣列的應用
  • 用 for 迴圈列出 location 的屬性

• 第六堂課
  • 第一個陣列資料
  • 用陣列設計不會重複的上台名單
  • 網路匯入名單
  • 用陣列做複選表單
  • 用陣列做複選表單-全選/全不選
  • 製作撲克牌
  • 製作撲克牌-開始洗牌
  • 製作撲克牌-翻牌遊戲

• 第五堂課
  • 自行決定骰子數量
  • 迴圈處理骰子
  • 99乘法表
  • 99乘法表用一點UI
  • 計算是否是質數
  • 用while迴圈做數字三角形
  • 做數字三角形
  • 上台報告抽抽樂

• 第四堂課
  • 用if回應BMI的結果
  • 用if else if回應BMI的結果
  • 用if設計UI
  • 用switch設計UI
  • 丟骰子比大小
  • 丟骰子比大小

• 第三堂課
  • 數值型別的宣告
  • 字串的刪除及累加
  • 了解變數類型
  • 改變變數類型
  • 變更型別
  • 基礎運算值
  • 用是不是年輕人來顯示布林值

• 第二堂課
  • 第一個互動getElementById
  • 使用function功能
  • 使用.innerHTML改變元素的內容資料
  • 使用.outerHTML改變元素的內容資料

• 第一堂課
  • alert例題1-2-1
  • document例題1-2-2
  • document計算數值例題1-2-2
  • 使用onclick計算數值例題1-2-2

• 作業
  • 第一章作業
  • 第二章作業
  
  
  • 第三章作業
  
  
  • 第四章作業-̠表單填寫
  
  
  • 第五章作業-製作網頁安全色的展示
  • 第五章作業-利用變形，找最近的質數
  
  
  • 第六章作業第一題-製作真實名單抽籤行為
  • 第六章作業第二題-結合複選表單的功能，繼續來抽籤
  • 第六章作業第三題-製作真實名單後，持續以複選表單來抽籤的行為
  
  
  • 第七章作業第一題-自動推算出假設的成績
  • 第七章作業第二題-二維陣列增加欄位與特殊顯色
  • 第七章作業第三題-分析字串，判斷特殊格式文字
  
  
  • 第八章作業第一題-殭屍
  • 第八章作業第二題-搭配畫面美化，建立倒數 1 小時 2 分的畫面
  • 第八章作業第三題-車子移動
  
  
  • 第九章作業第一題-寫出一個敲擊怪物的小遊戲
  • 第九章作業第二題-製作會下降的飛碟
  • 第九章作業第三題-製作拖曳的配對遊戲
  
  
  • 第十章作業第一題-實做一個站外的 API 應用
  • 第十章作業第二題-將資料整合到網頁中
  
  
  • 第十一章作業第一題-
  • 第十一章作業第三題-