• 姓名:黃振翔
• 學號: 4070C022
• 回首頁

互動人機介面

• 第一堂
  • 1-2-1:alert警示窗
  • 1-2-2:document.write
  • 1-2-3:document.write搭配字串與數值使用方式
  • 1-3-1:onclick簡單互動
  • 1-4:課後作業
• 第二堂
  • 2-2-1:第一類互動
  • 2-3-1:使用function功能
  • 2-4-1:.innerHTML改變元素內部資料
  • 2-4-2:.outerHTML改變元素內部資料
  • 2-5:課後作業
• 第三堂
  • 3-1-1:數值型別變數宣告
  • 3-1-2:字串的累加與刪除
  • 3-1-3:了解變數別
  • 3-2-1:了解型別
  • 3-2-2:改變型別
  • 3-3-1:攝氏華氏轉換
  • 3-3-2:顯示布林值
  • 3-4:課後作業
• 第四堂
  • 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
  • 4-5:課後作業
• 第五堂
  • 5-1-1:決定骰子的數量
  • 5-1-2:決定骰子的數量-使用迴圈
  • 5-1-3:九九乘法
  • 5-1-4:九九乘法UI
  • 5-2-1:計算是否為質數
  • 5-3-1:用 WHILE 迴圈數字做三角形
  • 5-3-2:上台報告抽抽樂
  • 5-3-3:上台報告抽抽樂-用do取代while
  • 5-4-1:課後練習-色碼大全
  • 5-4-2:課後練習-找最近的質數
• 第六堂
  • 6-1-1:第一個陣列資料
  • 6-1-2:用陣列設計不重複的抽籤名單
  • 6-2-1:網路匯入名單
  • 6-3-1:用陣列做複選表單
  • 6-3-2:用陣列做複選表單-全選/全不選
  • 6-4-1:撲克牌
  • 6-4-2:撲克牌洗牌
  • 6-4-3:撲克牌
  • 6-5-1:課後練習-真實名單抽籤
  • 6-5-2:課後練習-複選表單抽籤
  • 6-5-3:課後練習-真實名單抽籤+複選表單抽籤
• 第七堂
  • 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 的屬性
  • 7-5-1:課後練習-
  • 7-5-2:課後練習-
  • 7-5-3:課後練習-
  • 7-5-4:課後練習-
• 第八堂
  • 8-1-1:取得 document 的屬性
  • 8-1-2:用createelement 建立1000個星星
  • 8-1-3:新增刪除元件
  • 8-2-1:取得日期物件的內容方法
  • 8-2-2:顯示各地的時鐘
  • 8-2-3:計算幾天後的日期
  • 8-2-4:計算幾天後的日期
  • 8-3-1:碼表設計
  • 8-3-2:自動倒數計時
  • 8-3-3:自動抽換圖片
  • 8-3-4:自動抽換圖片+淡出淡入(setTimeout)
  • 8-3-5:沿線跑
  • 8-4-1:搭配萬聖節，製作出滿街的殭屍圖片
  • 8-4-2:搭配畫面美化，建立倒數 1 小時 2 分的畫面
  • 8-4-3:車子隨便移動的狀態
• 第九堂
  • 9-1-1:暫停淡出淡入的照片抽換
  • 9-1-2:承上，練習 addEventListener
  • 9-1-3:承上，最多讓你停三次
  • 9-2-1:開新視窗，占用螢幕 1/4 大
  • 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 的小遊戲
  • 9-5-1:課後練習-寫出一個敲擊怪物的小遊戲
  • 9-5-2:課後練習-製作會下降的飛碟
  • 9-5-3:課後練習-製作拖曳的配對遊戲
• 第十堂
  • 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 的方式處理
  • 10-5-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:資傳系平面圖
  • 11-3-4:變形的企鵝
  • 11-4-1:課後練習-
  • 11-4-2:課後練習-
  • 11-4-3:課後練習-描繪飛機或戰鬥機圖示
• 第十二堂
  • 12-1-1:星星會跑的背景圖
  • 12-1-2:背景會移動的射擊遊戲
  • 12-1-3:鐘錶的動畫
  • 12-2-1:鐘錶的動畫-有音效
  • 12-2-2:UFO 蹦蹦蹦
  • 12-3-1:太陽-地球-月球 轉轉轉
  • 12-3-2:圓餅圖
  • 12-4-1:課後練習-
• TEST
  • 期末:小遊戲
  • 期末:點餐