鐵人檔案
作為一名 Angular Google Developer Expert，我一直專注於使用 Angular 強大的生態系統來構建企業級應用程式。然而，我也意識到自己錯過了其他流行的前端框架，特別是 Vue 3 和 Svelte 5。
在接下來的三十天裡，我將挑戰自己：
- 完成 Vue School 上專注於 Vue 3 的課程。
- 使用 Angular 19 和 Svelte 5 重建每個課程的專案或範例，以便直接比較學習成果。
這趟旅程將我帶出 Angular 的舒適圈，提供一個記錄與分享學習過程的平台。我的目標是打造一份對於開發者特別是企業應用程式開發者有幫
在第10天，我們終於學習了一個關鍵的響應式概念：從現有狀態衍生新狀態。在 Vue 3 與 Angular 中，使用 computed 函數來從其他狀態創建只讀的...
在第11天，我會把所有示範專案部署到 Github Pages，因為 Github Pages 是免費且我手動部署也很簡單。 使用 Github Actions...
使用 JavaScript 框架的元件基礎 在第 12 天，我開始觀看 Vue School 的 Vue Component Fundamentals with...
建立 CoffeePlan 元件 第 13 天，我開始將 HTML 程式碼重構為可重用的 CoffeePlan 元件。該元件將接受一個 name 輸入，並在 H...
建立 PlanPicker 元件 在第14天，我繼續重構 App 元件，將咖啡計畫清單抽取到新的 PlanPicker 元件中。這樣不僅讓 App 元件更乾淨，...
第 15 天- Add a Coffee Plan Form 在第15天，我擴展了 PlanPicker 組件，加入了一個 AddCoffeePlan 組件，用...
在第16天，當選擇了一個咖啡方案 (coffee plan) 時，我會在該方案周圍加上邊框。其他咖啡方案則變成非活躍狀態，並移除邊框。CoffeePlan 組件...
第 17 天 - 在 HTML 模板中渲染動態內容 在第 17 天，我示範如何在元件中渲染動態內容。Vue 3 將內容投影到 slots，並可選擇性地顯示插槽屬...
第18天，我開始在 Vue 3、Angular 19 和 Svelte 5 中進行 Github 使用者個人資料的練習。 我的 CSS 技術不強，因此我會遵循講...
