系列文章
第 20 天 - Github Card 專案 第三部分 - 樣式設計
樣式設計其實是這個練習中最簡單的部分。步驟在不同框架中通常是相同的。 安裝 tailwindcss 和 DaisyUI 在 CSS 檔案中加入 DaisyUI...
第21天 - 部署 Github 個人檔案專案到 Github Pages
在第21天，我會將所有的示範部署到 Github Pages，因為 Github Pages 是免費的，且可以透過 Github Actions 自動化處理。...
第22天 - Alert Component 第一部份 - Alert List 和 Alert Components
第22天，我開始進行 Vue 3、Angular 20 以及 Svelte 5 的 Alert Component 練習。 該 Alert component...
第23天 - Alert 組件第二部分 - 動態渲染 (Dynamic Rendering) SVG 圖示
在第23天，我動態渲染警示（alert）的 SVG 圖示，因為動態渲染更易於維護（maintainable）、擴展（scalable）及高效（efficient...
第 24 天 - Alert 元件 第 3 部分 - 新增用於更換樣式的 Alert Bar
第 24 天 - Alert 元件 第 3 部分 - 新增用於更換樣式的 Alert Bar 在第 24 天，我建立了一個 Alert Bar 元件，用來顯示或...
第 25 天 - Alert 元件第 4 部分 - 更新 Alert Bar 以重新開啟已關閉的 Alert
在第 25 天，我擴充了 Alert Bar 元件來顯示已關閉 Alert 的按鈕。接著，使用者可以選擇重新開啟所有已關閉的 Alert，或是特定類型的 Ale...
第26天 - 從 AlertBar 中抽取邏輯和元件
在第26天，我檢視了 AlertBar 元件的程式碼，並發現兩項改進可以讓它更乾淨。 該元件包含一個靜態標籤 (static label) 和一個雙向綁定...
第27天 - 建立一個簡單的部落格頁面
第27天 - 建立一個簡單的部落格頁面 在第27天，我完成了Vue 3 Vue 3 Composition API 課程，建立一個簡單的部落格來顯示文章。該網站...
第 28 天 - 取得貼文作者
第 28 天 - 取得貼文作者 在第 28 天，我使用貼文的 userId 呼叫 users 端點來取得使用者名稱。 在 Vue 3 中，我建立了另一個 com...
第 29 天 - 新增 Loader 與 Error 狀態
在第 29 天，我新增了一個載入器（一個 <div>Loading ...</div>）來顯示頁面正在載入資料。 在 Angular 2...