第八週（06/03 ~ 06/09）：前端基礎（三）

[KilluaZDK]

用 JavaScript 與後端溝通

指定教材：

• [FE102] 前端必備：JavaScript：ajax 以後

寫完作業才能看：

• 從假資料到真資料：Ajax 與 API 串接

相關學習資源：

1. 輕鬆理解 Ajax 與跨來源請求
2. RESTful API Design by TritonHo

[KilluaZDK]

06/03

今日進度

【FE102】前端必備：JavaScript

• JavaScript 與瀏覽器的溝通

  1. 改變元素的 Class
  2. inner、outer 的 HTML 與 text
  3. 插入與刪除元素：appendChild 與 removeChild

• JavaScript 網頁事件處理

  1. eventListener 與 callback function
  2. 詳細講解 callback function
  3. event(e) 是什麼碗糕？

明日進度

【FE102】前端必備：JavaScript

• JavaScript 網頁事件處理
  1. 表單事件處理 onSubmit
  2. 阻止預設行為：preventDefault
  3. 比複雜更複雜的事件傳遞機制
  4. 事件傳遞機制詳解：捕獲與冒泡

[KilluaZDK]

06/04

今日進度

【FE102】前端必備：JavaScript

• JavaScript 網頁事件處理
  1. 表單事件處理 onSubmit
  2. 阻止預設行為：preventDefault
  3. 比複雜更複雜的事件傳遞機制
  4. 事件傳遞機制詳解：捕獲與冒泡

明日進度

【FE102】前端必備：JavaScript

• JavaScript 網頁事件處理

  1. 別向上級回報：stopPropagation
  2. 新手 100% 會搞錯的事件機制問題
  3. 欸等等幫我拿餐點：event delegation

• 整理筆記

[KilluaZDK]

06/05

今日進度

【FE102】前端必備：JavaScript

• JavaScript 網頁事件處理
  1. 事件傳遞機制詳解：捕獲與冒泡
  2. 別向上級回報：stopPropagation
  3. 新手 100% 會搞錯的事件機制問題

補充文章

• 事件傳遞機制詳解：捕獲與冒泡

明日進度

【FE102】前端必備：JavaScript

• JavaScript 網頁事件處理

  1. 欸等等幫我拿餐點：event delegation
  2. 綜合示範：簡易密碼產生器
  3. 綜合示範：動態表單通訊錄

• 整理筆記

心得

這週進度進行得相當緩慢，每個影片都要重複砍好幾次才能慢慢吸收。 關於「捕獲與冒泡」好像有點懂又好像有點不懂，看了補充文章，但能吸收的範圍有限。也許需要透過實作後，才能比較清楚整體概念，現在對我來說還是太抽象了。