鐵人檔案
作為一名 Angular Google Developer Expert，我一直專注於使用 Angular 強大的生態系統來構建企業級應用程式。然而，我也意識到自己錯過了其他流行的前端框架，特別是 Vue 3 和 Svelte 5。
在接下來的三十天裡，我將挑戰自己：
- 完成 Vue School 上專注於 Vue 3 的課程。
- 使用 Angular 19 和 Svelte 5 重建每個課程的專案或範例，以便直接比較學習成果。
這趟旅程將我帶出 Angular 的舒適圈，提供一個記錄與分享學習過程的平台。我的目標是打造一份對於開發者特別是企業應用程式開發者有幫
樣式設計其實是這個練習中最簡單的部分。步驟在不同框架中通常是相同的。 安裝 tailwindcss 和 DaisyUI 在 CSS 檔案中加入 DaisyUI...
在第21天，我會將所有的示範部署到 Github Pages，因為 Github Pages 是免費的，且可以透過 Github Actions 自動化處理。...
第22天，我開始進行 Vue 3、Angular 20 以及 Svelte 5 的 Alert Component 練習。 該 Alert component...
在第23天，我動態渲染警示（alert）的 SVG 圖示，因為動態渲染更易於維護（maintainable）、擴展（scalable）及高效（efficient...
第 24 天 - Alert 元件 第 3 部分 - 新增用於更換樣式的 Alert Bar 在第 24 天，我建立了一個 Alert Bar 元件，用來顯示或...
在第 25 天，我擴充了 Alert Bar 元件來顯示已關閉 Alert 的按鈕。接著，使用者可以選擇重新開啟所有已關閉的 Alert，或是特定類型的 Ale...
在第26天，我檢視了 AlertBar 元件的程式碼，並發現兩項改進可以讓它更乾淨。 該元件包含一個靜態標籤 (static label) 和一個雙向綁定...
第27天 - 建立一個簡單的部落格頁面 在第27天，我完成了Vue 3 Vue 3 Composition API 課程，建立一個簡單的部落格來顯示文章。該網站...
第 28 天 - 取得貼文作者 在第 28 天，我使用貼文的 userId 呼叫 users 端點來取得使用者名稱。 在 Vue 3 中，我建立了另一個 com...
在第 29 天，我新增了一個載入器（一個 <div>Loading ...</div>）來顯示頁面正在載入資料。 在 Angular 2...
