熟悉陣列操作方法：some()、every()、find()、findIndex()、splice()

自動補全（Auto-Complete）聯想查詢。呼叫 API 獲取 JSON 資料集，建立搜尋字串的功能，過濾出符合搜尋字串的城市名或州名，在畫面上印出搜尋結果以及該城市的人口數，並在城市名或州名中用黃色標出搜尋字串。

運用 flex 以及綁定 click 和 transitionend 監聽事件來呈現畫廊效果。點擊後相應的圖片與字體會放大，再次點擊則回復原狀。

熟悉陣列操作方法：filter()、map()、sort()、reduce()、from()、includes()、slice()

利用控制條來調整圖片邊框粗細、邊框色彩以及模糊程度的濾鏡效果

製作一個時、分、秒針能實時運轉的小時鐘

JS30 是由加拿大工程師Wes Bos所設計的一系列課程，其設計宗旨是不使用任何的框架或library，只以Vanilla JS（純 JavaScript）為主要開發工具來完成 30 個小專案，藉由這一系列的練習來熟悉 DOM 操作與各種原生 API 應用。