• 姓名：千千
• 學號：4090C033

課堂區

底下為各階段的學習過程之個別連結

• 第十一堂
  • unit11-1-1： 第一個 JSON 表示法使用練習
  • unit11-1-2： 用 JSON 設計我的資料
  • unit11-2-1： 用 Canvas 畫圖
  • unit11-2-2： 用 Canvas 畫圖-複雜的路徑
• 第十堂
  • unit10-2-1： 第一個 ajax
  • unit10-2-3： 第一個 ajax - xhttp 應用
  • unit10-3-1： 使用其他 DOM 的內容
  • unit10-3-2： 將超連結內容丟到本網頁中
  • unit10-4-1： 即時的氣象資料 API 呼叫
  • unit10-4-3： 取得氣象局資料
• 第九堂
  • unit09-1-1： 事件處理 - onmouseover
  • unit09-1-2： 事件處理 - addEventListener
  • unit09-1-3： 事件處理 - removeaddEventListener
  • unit09-2-1： 事件處理 - 新視窗大小跟螢幕有關
  • unit09-2-2： 取得滑鼠座標資料
  • unit09-2-3： drag and drog
  • unit09-3-1： 拖曳事件 - 1
  • unit09-3-2： 拖曳事件 - 2 - 多重拖曳
  • unit09-3-3： 拖曳事件 - 2 - 一個蘿蔔一個坑
  • unit09-4-1： 鍵盤事件 - 砲台移動
  • unit09-4-2： 鍵盤事件 - 發射砲彈
  • unit09-4-3： 鍵盤事件 - 發射砲彈更順暢
  • unit09-4-4： 鍵盤事件 - 攻擊
• 第八堂
  • unit08-1-1：document 物件全列出來
  • unit08-1-2：新增元素 - 小星星
  • unit08-1-3：新增/刪除元素
  • unit08-2-1：Date 物件
  • unit08-2-2：Date 物件 - 各地時間
  • unit08-2-3：Date 物件 - 幾天後的時間
  • unit08-2-4：Date 物件 - 倒數時間
  • unit08-3-1：Date 物件 - 網頁碼表
  • unit08-3-2：Date 物件 - 倒數時間
  • unit08-3-3：Date 物件 - 隨機出現圖示
  • unit08-3-4：Date 物件 - 隨機出現圖示 - 加上淡出淡入效果
  • unit08-3-5：Date 物件 - 繞圈圈的圖示
• 第七堂
  • unit07-1-1：window 物件
  • unit07-1-2：window 物件 - 調整參數
  • unit07-2-2：字串物件處理
  • unit07-2-3：字串物件處理 - 使用者輸入
  • unit07-2-5：Math 物件 - 算成績
  • unit07-2-6：使用try跟error物件
  • unit07-3-1：陣列物件方法使用
  • unit07-3-2：二維陣列的使用
  • unit07-4-1：列出 Location 物件資料內容
  • unit07-4-2：列出 screen 物件資料內容
  • unit07-4-3：列出 navigator 物件資料內容
  • unit07-4-4：歷史紀錄( history )
• 第一次綜合練習
  • 簡易 UI 設計
  • 翻牌記憶力
  • 匯入你的資料並排序
• 第六堂
  • unit06-1-1：陣列初探
  • unit06-1-2：報告順序亂數排序
  • unit06-2-1：互動輸入名單
  • unit06-3-1：附近好吃ㄉ
  • unit06-3-2：附近好吃ㄉ - 多一個全選項目
  • unit06-4-1：撲克牌牌牌
  • unit06-4-2：撲克牌牌牌 - 洗牌後
  • unit06-4-3：撲克牌牌牌 - 蓋牌自掀
• 第五堂
  • unit05-1-1：骰子大亂鬥 - 一點點UI
  • unit05-1-2：骰子大亂鬥 - 開始迴圈投骰子
  • unit05-1-3：九九乘法表
  • unit05-1-4：九九乘法表 - 做一點 UI
  • unit05-2-1：判斷是否質數
  • unit05-3-1：用數字做三角形
  • unit05-3-2：抽抽樂
• 第四堂
  • unit04-2-1：學習 if then 判斷 BMI
  • unit04-2-2：學習 if then 判斷 BMI-多種狀態
  • unit04-2-3：用 innerHTML 做一點 UI
  • unit04-3-1：用 innerHTML 做一點 UI-用 switch
  • unit04-4-1：使用亂數擲骰子
• 第三堂
  • unit03-1-1：天文單位
  • unit03-1-2：字串處理
  • unit03-1-3：變數型態
  • unit03-2-1：抓輸入框
  • unit03-2-2：字串變數值
  • unit03-3-1：溫度轉換
  • unit03-3-2：邏輯判斷
• 第二堂
  • unit02-2-1：DOM初探
  • unit02-3-1：DOM初探 - function
  • unit02-4-1：DOM初探 - innerHTML
  • unit02-4-2：DOM初探 - outerHTML
• 第一堂
  • unit01-2-1：alert
  • unit01-2-2：document.write
  • unit01-2-3：計算 BMI
  • unit01-3-1：計算 BMI-button

作業區

• 第九堂
  • 9.5.A 寫出一個敲擊怪物的小遊戲
  • 9.5.B 製作會下降的飛碟
  • 9.5.C 製作拖曳的配對遊戲
• 第八堂
  • 8.4.A 製作殭屍圖片
  • 8.4.B 畫面美化及建立倒數畫面
  • 8.4.C 車子隨便移動的狀態
• 第七堂
  • 7.5.A 自動推算出假設的成績
  • 7.5.B 二維陣列增加欄位與特殊顯色
  • 7.5.C 分析字串及判斷特殊格式文字
  • 7.5.D 瀏覽器小算盤
• 第六堂
  • 6.2.A 製作真實名單抽籤行為
  • 6.2.B 結合複選表單的功能 - 抽籤
  • 6.2.C 製作真實名單後以及持續以複選表單來抽籤的行為
• 第五堂
  • 5.4.A 製作網頁安全色的展示
  • 5.4.B 利用變形，找最近的質數
• 第四堂
  • 4.5.A 表單填寫
• 第三堂
  • 3.3.A 體重
• 第二堂
  • 2.5.A 猜拳
• 第一堂
  • 1.4.A 計算公式