• 姓名: 張智榮
• 學號:4070C045
• 回首YA

互動人機介面

• 作業
  • 例題 1-2-1 地球
  • 例題 2-5-1 猜拳
  • 例題 3-4-1 BMI
  • 例題 4-5-1 UI 的表單
  • 例題 5-4-1 製作網頁安全色的展示
  • 例題 5-4-2 利用變形，找最近的質數
  • 例題 6-5-1 製作真實名單抽籤行為
  • 例題 6-5-2 結合複選表單的功能，繼續來抽籤
  • 例題 6-5-3 製作真實名單後，持續以複選表單來抽籤的行為
  • 例題 8-4-1 搭配萬聖節，製作出滿街的殭屍圖片
  • 例題 8-4-2 搭配畫面美化，建立倒數 1 小時 2 分的畫面
  • 例題 8-4-3、車子隨便移動的狀態
  • 例題 9-5-1 點點打怪物(未完成)
  • 例題 9-5-2 打會動的飛碟(未完成)
  • 例題 10-5-1 台南整點雨量中繼API製作(未完成)
  • 例題 10-5-2 整合API網頁(未完成)
  • 例題 11-4-1 自訂 JSON 物件與列表
  • 例題 11-4-3 飛機
  • menu
  • game
• 第十2堂課
  • 例題 12-1-1 星星會跑的背景圖
  • 例題 12-1-2 背景會移動的射擊遊戲
  • 例題 12-1-3 時鐘動畫
  • 例題 12-2-1 時鐘音效
  • 例題 12-2-2 UFO 音效
  • 例題 12-3-1 太陽、地球、月球的軌道與動畫示意
  • 例題 12-3-2 圓餅圖
• 第十1堂課
  • 例題 11-1-1 第一個 JSON: 用 AQI 做解釋
  • 例題 11-1-2 一個自我介紹的 JSON 格式輸出
  • 例題 11-1-3 JSON 的陣列格式
  • 例題 11-1-4 Ajax 回傳與 JSON.parse 功能
  • 例題 11-2-1 第一個畫方塊的 Canvas 畫布
  • 例題 11-2-2 不同路徑繪製
  • 例題 11-2-3 星星滿天
  • 例題 11-2-4 畫個飛碟
  • 例題 11-2-5 打 UFO 的遊戲
  • 例題 11-3-1 地圖縮放
  • 例題 11-3-2 資傳系平面圖i
  • 例題 11-3-4 變形的企鵝
• 第十堂課
  • 例題 10-2-1 建立固定風格樣式
  • 例題 10-2-3 第一個 Ajax 資料處理
  • 例題 10-3-1 使用 responseXML
  • 例題 10-3-2 左側資料填入右側方塊
  • 例題 10-4-1 設計天氣小方塊
  • 例題 10-4-2 CORS 跨站 ajax 的問題
  • 例題 10-4-3 繼程式 API - CWB
  • 例題 10-4-4 採用自己網站 API 的方式處理
• 第九堂課
  • 例題 9-1-1 暫停淡出淡入的照片抽換
  • 例題 9-1-2 同上，使用 addEventListener
  • 例題 9-1-3 使用 removeEventListener 移除 onmouse 等事件監聽方式
  • 例題 9-2-1 根據螢幕的大小，自動規範新開視窗的大小
  • 例題 9-2-2 滑鼠座標
  • 例題 9-2-3 滑鼠拖曳事件
  • 例題 9-3-1 HTML5 drag and drop 單一拖曳事件
  • 例題 9-3-2 HTML5 drag and drop 多重拖曳事件
  • 例題 9-3-3 HTML5 drag and drop 一個蘿蔔一個坑
  • 例題 9-4-1 打 UFO 砲台製作
  • 例題 9-4-2 開始發射砲彈
  • 例題 9-4-3 開始發射砲彈
  • 例題 9-4-4 完成打 UFO 的小遊戲
• 第八堂課
  • 例題 8-1-1 取得 document 的屬性
  • 例題 8-1-2 用createelement 建立1000個星星
  • 例題 8-1-3 新增、刪除元件
  • 例題 8-2-1 取得日期物件的內容方法
  • 例題 8-2-2 顯示各地的時間ZA WARUDO
  • 例題 8-2-3 計算幾天後的日期
  • 例題 8-2-4 計算倒數時間
  • 例題 8-3-1 碼表設計
  • 例題 8-3-2 自動倒數計時
  • 例題 8-3-3 自動抽換圖片
  • 例題 8-3-4 自動抽換圖片+淡出淡入(setTimeout)
  • 例題 8-3-5 塊沿線跑
• 第七堂課
  • 例題 7-1-1 取得 window 物件的屬性
  • 例題 7-1-2 修改 window 物件的屬性
  • 例題 7-2-1 數值物件的處理
  • 例題 7-2-2 字串物件方法的應用
  • 例題 7-2-3 只取我要的資料
  • 例題 7-2-4 數學物件的常數或屬性
  • 例題 7-2-5 期末算成績
  • 例題 7-2-6 計算式--錯誤克服
  • 例題 7-3-1 了解陣列的方法
  • 例題 7-3-2 二維陣列的應用
  • 例題 7-4-1 用 for 迴圈列出 location 屬性
• 第六堂課
  • 例題 6-1-1 第一個陣列資料
  • 例題 6-1-2 用陣列設計不重複的抽籤名單
  • 例題 6-2-1 網路匯入名單
  • 例題 6-3-1 用陣列做複選表單
  • 例題 6-3-2 用陣列做複選表單-全選/全不選
  • 例題 6-4-1 製作撲克牌
  • 例題 6-4-2 製作撲克牌-開始洗牌
  • 例題 6-4-3 製作撲克牌-翻牌遊戲
• 第五堂課
  • 例題 5-1-1 自己決定骰子的數量
  • 例題 5-1-2 使用迴圈處理骰子的亂數資料
  • 例題 5-1-3 巢狀迴圈，用 9x9 乘法表處理看看
  • 例題 5-1-4 9x9 乘法表，加上一點點 UI 的設計
  • 例題 5-2-1 計算是否為質數
  • 例題 5-3-1 用 while 迴圈做數字三角形
  • 例題 5-3-1-1 用for
  • 例題 5-3-2 上台報告抽抽樂
• 第四堂課
  • 例題 4-2-1 用 if 回應 BMI 的結果好不好
  • 例題 4-2-2 用 if 回應 BMI 的結果好不好-多重判斷
  • 例題 4-2-3 使用 if 設計簡單的 UI
  • 例題 4-3-1 使用 switch 取代 if 進行簡單 UI 設計
  • 例題 4-4-1 使用亂數擲骰子，並與用戶比較大小
  • 例題 4-4-2 使用亂數擲骰子，加上簡單 UI 設計
• 第三堂課
  • 例題 3-1-1 數值型別的變數宣告
  • 例題 3-1-2 進行字串的累加與刪除
  • 例題 3-1-3 使用 typeof() 判斷型別
  • 例題 3-2-1 了解變數型別，很重要喔！大家幾乎都是字串
  • 例題 3-2-2 變更型別 parseFloat()
  • 例題 3-3-1 來做溫度攝氏與華氏溫度的轉換
  • 例題 3-3-2 用是不是年輕人來顯示布林值
• 第二堂課
  • 例題 2-2-1 第一個互動 getElementBy??
  • 例題 2-3-1 使用 function 功能
  • 例題 2-4-1 使用 .innerHTML 改變元素的內部資料
  • 例題 2-4-2 使用 .outerHTML 改變元素的外部資料
• 第一堂課
  • 例題 1-2-1 使用 alert 警告視窗
  • 例題 1-2-2 使用 document.write 函數
  • 例題 1-2-3 使用 document.write 搭配字串與數值
  • 例題 1-3-1 透過 onclick 進行簡單互動