卡斯伯提供的教學資源：
Ubuntu 虛擬主機部署 Node.js 服務，使用 PM2 服務管理
這是鐵人賽相關文章，影片會在活動開始後發布 本篇文章會介紹如何「租賃虛擬主機，並且部署 Node.js 服務」，因為會從零開始建置，因此本篇文章會包含以下文章： Ubuntu 環境建置：主要是準備 Node.js 及 PM2 環境 專案建置：在此會部署 Node.js 服務，從 Git...
Firebase Storage 申請設定以及 Node.js 串接方式
這是鐵人賽相關文章，影片會在活動開始後發布 我很喜歡使用 Firebase Storage，相對於 AWS S3 來說，Firebase Storage 的設定、管理更加容易，而且還有提供每日免費額度，相當適合小型專案使用，而我的 Blog 圖片來說，絕大部分也都是上傳到 Firebas...
AWS S3 申請設定以及 Node.js 串接方式
這是鐵人賽相關文章，影片會在活動開始後發布 AWS S3 是雲端靜態檔案的儲存服務，簡單來說就是能夠把圖片、影片等上傳後不太會更動的檔案進行上傳，接下來用戶在觀看時，就能夠直接存取這些檔案。 而這個服務僅會作為靜態檔案儲存使用，因此在價格上會相對直接將檔案存到虛擬主機來得低上許多，本篇會...
藍新金流申請以及串接方式
這是鐵人賽相關文章，影片會在活動開始後發布 藍新金流官方正式網站：https://www.newebpay.com/藍新金流測試站：https://cwww.newebpay.com/完整範例程式碼：GitHub - Wcc723/node-ironman-sample-2023 at featur...
JS 中的物件迴圈手法
陣列本身具有非常多好用的迴圈方法，如：forEach、map、reduce、find…，這些方法有助於處理各種陣列的資料。 但實戰中，不一定所有的資料格式都會是使用陣列，尤其是從後端 API 串接的資料或是各種第三方資源，就有可能是使用物件的方式提供，此時就無法使用上述的各種陣列手法。 以下方的資料...
安裝 nvm 環境，Node.js 開發者必學（Windows、Mac 均適用）
使用 NVM 已經是 Node.js 開發者必備的工具，它最大的用途在於可以輕鬆切換不同版本的 Node.js，尤其在後端的專案中，團隊需要統一的開發環境時可以精確切換到同一個 Node.js 子版本上，避免發生版本不同所發生的問題。 NVM 為 Node Version Manager 的縮寫，顧...
一個工具，帶你完整認識 CSS Animation
網頁上看到許多 CSS Animation 套效想要參考使用，但卻不知道其中的屬性各自代表什麼意思嗎？本篇將介紹 CSS Animation 的各項屬性運用技巧，並提供一個模擬工具，讓大家可以快速的了解每個屬性的意義。 建立第一個動畫在學習每一個屬性之前，首先先動手試試看讓一個元素套用動態的效果，在...
Mac OSX 截圖全說明（單一視窗、全螢幕、重設截圖路徑、Touch Bar）
Mac OSX 的內建截圖熱鍵相當好用，雖然看起來熱鍵組合很多，但每一個鍵都有它的組合意義，在此先附上完整的熱鍵組合表。 Mac OSX 截圖熱鍵全表，使用方法可參考下方文章說明 組合規則首先，要使用截圖一率會使用 command + shift 加上特定數字鍵作為開始，而這些數字鍵分別代表：...
CSS 變數必學知識 - 宣告、繼承及 Bootstrap 中的運用技巧
在 Bootstrap 5 以後，大量導入 “CSS Variable” 的技巧，透過變數可以大幅增加 CSS 的可運用性，讓同一段程式碼透過修改變數的形式，大幅增加 CSS 的可用性，本篇將介紹 CSS 基本運用方式，以及在 Bootstrap 5 中如何運用此技巧來豐富性其用途。 CSS 變數基...
履歷避雷技巧 - 技能描述篇
履歷中的「技能」描述是個人專業技能的主述，徵才單位會透過其內容理解求職者的能力，更重要的是透過字詞中分析對於技能的掌握深度，如果沒有善加利用，可能會造成： 資深開發者：但沒有透過履歷展現出應有的深度 新手開發者：錯誤的內容呈現，導致連面試的機會都沒有 本篇僅針對履歷中的「技能」描述進行分析，包含...