透過 PHP 來了解 Basic Auth
Basic Auth 是 HTTP 協定的一種認證機制，允許伺服器要求使用者提供使用者名稱和密碼才能存取受保護的資源。本文章將先講解 Basic Auth 整體流程，再透過 PHP 進行實作。
用 Node.js 啟動 TLS server
隨著網路安全的日益重要，使用 TLS 加密資料傳輸已成為必不可少的措施。TLS 是一種安全協議，可確保資料在傳輸過程中不被竊聽或篡改。本文章將以 Node.js 來起一個 TLS Server ，並使用我們自己產生的憑證來進行 demo
Express 資安最佳實踐
本文章參考 Express 官方文件中的 Production Best Practices: Security，逐項列出官方推薦的最佳實踐，確保我們在開發 Express 應用時，能有效的防範資安漏洞
Vue 3 plugin: 自製 $ 方法
在 Vue 3 中，自製 plugin 是一種擴充 Vue 功能的方式。透過自製 plugin，我們可以向 Vue 添加新的全局方法、屬性或指令。在本篇文章中，我們將介紹如何自製一個 $ 方法。
使用 Docker 運行 Redis
現代軟體開發中，Docker 成為開發者的好夥伴，它可以讓應用程式在各種環境中輕鬆運行。我們將學習如何用簡單的 Docker 指令，下載、啟動並設定 Redis 容器。
前端檔案上傳: 圖片預覽
網頁前端上傳圖片預覽是提升使用者體驗的重要功能之一，在檔案上傳的情境中，很常是要上傳圖片檔案，本篇文章將來實作圖片上傳後產生該圖片的預覽圖。使用者上傳圖片，透過 File API 讀取該檔案，並轉換成 DataURL，接著將該 URL 設定為圖片元素的 src 屬性，即可實現即時預覽。
前端檔案上傳: 選擇檔案與拖曳檔案
製作網頁上傳區域，結合拖曳及點擊選擇檔案功能，提升使用者體驗。透過直覺的拖曳動作或傳統的點擊方式，輕鬆選取檔案，使整個上傳流程更為靈活且方便，凸顯網頁互動設計的創新與便利性。
用 Google Sheets 產生 JSON 格式 API
在日常生活和工作中，我們經常使用 Google Sheets 進行資料整理和管理。但是，有沒有想過如何將這些資料變成可以方便地被其他程式或應用程序使用的API呢？ 本文將帶你了解如何利用 Google Sheets，輕鬆又快速地生成一個 API，使得你可以用 JSON 格式獲取你的資料。這樣的做法不僅簡化了資料分享的流程，還為開發者提供了更多應用的可能性。
GSAP 教學： ScrollTrigger
ScrollTrigger 是 GSAP 的一個擴充套件，用來製作滑鼠滾動觸發動畫。ScrollTrigger 提供強大的滾動控制，讓網頁動畫輕鬆實現。透過簡單的 API，你能精確掌握動畫觸發點、速度和方向，呈現更流暢、自然的視覺效果。
GSAP 教學： Timeline
Timeline 是 Tween 或者其他 Timeline 的容器，讓我們可以更簡單的製作複雜的動畫。舉例來說，如果沒有 Timeline 我們就只能用 Tween 上的 delay 屬性來決定動畫的先後，但透過 Timeline，我們就可以直接指定動畫的先後順序