前言 自己在本機開發時往往需要線上測試 API 或畫面是否能正常連動，或是你的客戶以及開發夥伴需要觀看測試，如何讓所有人連接到我本機的 localhost:3000 呢？以前作法可能是自己申請一個主機然後將所有資料上雲端，但又還沒正式上線不是就多此一舉了還必須額外負擔主機費用，雖然有免費的但每次都要上雲端這個動作也很麻煩，我這邊就分享兩個解決方法。
本文你將會學到 何謂單元測試(Unit Test) 了解兩種單元測試類型、四種斷言庫 使用 mocha+Supertest 來做單元測試 使用 Chai 斷言庫(Assertion Library)
本文你將會學到 了解 JWT 和 Bearer Token 的關係與 OAuth 2.0 了解 HTTP Authentication 中有哪些 schemes 客戶端向後端出示API Token的三種方式 Authenticate 的 API Error 錯誤訊息
前言 Carousel 意思是旋轉木馬，在 Bootstrap 是 幻燈片的意思，每張幻燈片都有一張圖片和說明文字，在元件裡面我們可以添加一些控制元素來控制幻燈片的播放
本文你將會學到 如何將 JWT 做解密驗證 使用 HTTP header 中的 Authorization 傳送 Bearer Token 實作一個 API 撈取並顯示自己所發佈過的文章(完成後半部資料庫撈取文章)
前言 Card 就是卡片，一些圖文的列表可以使用 Bootstrap 的卡片元件來顯示。
前言 Button 就是按鈕在 Bootstrap 中直接使用 <Button> 標籤或是 <input> 以及 <a>，使用的時機是當你按鈕按下去是執行一個動作的就使用 <Button> 標籤，而點擊下去是會跳轉頁面到另一個地方的就使用 <a> 標籤。
前言 Breadcrumb(譯：麵包屑)，字面上翻可能會不知道他是做什麼的，簡單來說它可以幫使用者在瀏覽網站時，不容易迷失方向，也可以很迅速地知道自己目前所在位置，同時也可以根據目前位置知道現在在網站中哪個地方有點類似一直線的樹狀結構的概念。
第15屆iT邦幫忙鐵人賽 AI & Data 組 [佳作]
第13屆iT邦幫忙鐵人賽 AI & Data 組
第12屆iT邦幫忙鐵人賽 影片教學組 [優選]