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 產生假文章做無限滾動的練習。