在學習 JavaScript 陣列時，看到六角學院 JavaScript 陣列處理必學巧技 直播中的範例講解後，能更簡單的理解 JavaScript 中陣列的處理方法，特別記錄下來。

什麼是 Closure？

MDN的定義：閉包（Closure）是函式以及該函式被宣告時所在的作用域環境（lexical environment）的組合。

什麼是 Event Delegation？

Event Delegation ( 事件委派 ) 是一種受惠於 Event Bubbling ( 事件冒泡 ) 而能減少監聽器的方法。

JavaScript 是一個事件驅動 (Event-driven) 的程式語言，當瀏覽器載入網頁開始讀取後，雖然馬上會讀取 JavaScript 事件相關的程式碼，但是必須等到「事件」被觸發(如使用者點擊、按下鍵盤等)後，才會再進行對應程式的執行。

什麼是 Scope？

w3c 的定義：「Scope determines the accessibility (visibility) of variables.」

什麼是 Hoisting？

在 JavaScript 中變數和函式的宣告會在編譯階段就被先建立一個記憶體空間，等到實際執行時再將值放入記憶體空間內，也就是說變數的宣告被「提升」到最上面去，不過實際執行的位置並沒有改變。

JavaScript 的基礎應用，記錄一下當初解題的過程。

成品

Twitch Live Streams

介紹

串接 Twitch API 獲取直播中的頻道，頻道依照觀眾人數自動排列，上方有頻道分類可以選擇，點擊後出現該分類中直播的頻道，同時變成紫底白字告訴使用者現在顯示的分類，點擊直播畫面開啟新分頁跳轉至該直播頻道，搭配 infinite scroll 頁面下滑到快底時會自動載入新的頻道。

成品

Youtube Search Engine

介紹

串接 Youtube Data API 將搜尋結果列出來，並引入 fancybox 點擊播放時彈出視窗顯示在頁面最上層，如下圖。

成品

Weather Forecast

介紹

串接 中央氣象局 API 獲取台灣未來一週的天氣預報，並依照不同的天氣情況顯示代表的圖示。

成品

GitHub Finder

介紹

串接 GitHub REST API 搜尋 GitHub 使用者的練習，會顯示使用者的相關資訊 ( 專案數、追蹤人數等 )，以及最近的專案，搜尋不到使用者時有告警顯示提醒。

成品

台灣必吃小吃 TOP10

介紹

使用 jQuery UI - Sortable 做的可拖曳列表練習。

成品

Typing Game

介紹

串接 Random Word 、臺北市立動物園_動物資料 API 並用 jQuery 語法做的練習。

成品

Speak Number Guess

介紹

使用 Web SpeechRecognition API 做的猜數字遊戲。

成品

Music Player

介紹

使用 Web Audio API 做的播放器練習。

成品

Infinite Scroll Blog

介紹

利用 JSON Server 產生假文章做無限滾動的練習。

成品

Exchange Rate Calculate

介紹

串接 API 並用 jQuery 語法做的匯率轉換器練習。

成品

Movie Seat Booking

介紹

提供電影和劇院中的座位供選擇以購買門票，並儲存至 localStorage，以便在刷新後資料仍存在。

成品

From Validator

介紹

JavaScript 可用來在資料被送往伺服器前對 HTML 表單中的這些輸入資料進行驗證，算是很常看到的功能，紀錄一下實作的練習。

setTimeout() 的用法

根據 MDN 定義 setTimeout() 用法如下

JavaScript 沒有日期資料型態，但是它有提供 Date() 物件，使用內件的日期物件與方法、可以取得與操作日期時間。Date() 物件是基於世界標準時間（UTC） 1970 年 1 月 1 日開始的毫秒數值來儲存時間。

紀錄內建的 Math() 屬性和方法，可以 console.dir(Math) 查看 Math() 的所有函數方法。

成品

New Year Countdown

介紹

參考 JavaScript 30 中 Countdown Timer 的練習，利用 Date() 物件做的練習。

紀錄 JavaScript 中處理字串的方法

什麼是 JavaScript？

• JavaScript是一門基於原型、函式先行的語言，支援物件導向設計

• JavaScript 不是 Java，除了句法上有一些相似之處，JavaScript 和 Java 是完全不相干的