卡斯伯提供的教學資源:
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 變數基...
履歷避雷技巧 - 技能描述篇
履歷中的「技能」描述是個人專業技能的主述,徵才單位會透過其內容理解求職者的能力,更重要的是透過字詞中分析對於技能的掌握深度,如果沒有善加利用,可能會造成: 資深開發者:但沒有透過履歷展現出應有的深度 新手開發者:錯誤的內容呈現,導致連面試的機會都沒有 本篇僅針對履歷中的「技能」描述進行分析,包含...