###### tags:`待複習` `影片索引`
# 從假資料到真資料：Ajax 與 API 串接 影片索引 & 小抄
02:50 API 介紹
05:00 twitch 文件導覽
05:30 為什麼需要驗證 ID
06:25 curl 指令說明
07:20 用網址列測試 twitch API
09:05 怎麼從瀏覽器呼叫 API
10:00 同步與非同步
15:10 透過 JS 進行 Ajax—— XMLHttpRequest()
15:55 .open 參數說明，建議不要把 url 寫死，用變數待進取會比較好改
17:10 onreadystatechange
:bangbang: 17:20 call back function 範例`this.responseText` 等
:bangbang: 18:50 透過 jquery 串接API
19:45 受同源政策擋住的 API 示例
21:10 CORS 及同源政策說明
22:20 JSONP 原理
23:40 JSONP code 示範
26:30 動態寫 JSONP 程式碼
30:10 CORS 跨網域存取資料的方法
33:05 簡單請求與非簡單請求
35:30 Jquery GitHub
36:40 把抓到的資料放到 HTML
39:00 `const {stream} = data`
40:35 `$row = $('.row')`
40:50 `for(let stream of streams)` 有點像是 each 的用法
42:00 string tamplete 講解：注意排版可提升可讀性
45:40 把「拿資料」、「處理判斷」、「改畫面」這三個 function 拆開的說明
48:30 ES6 宣告變數關鍵字說明