系列文章
第10天 - Vue 3、Svelte 5 和 Angular 的響應式介紹
在第10天，我們終於學習了一個關鍵的響應式概念：從現有狀態衍生新狀態。在 Vue 3 與 Angular 中，使用 computed 函數來從其他狀態創建只讀的...
第11天 將 Vue 3、Svelte 5 和 Angular 應用程式部署到 Github Pages
在第11天，我會把所有示範專案部署到 Github Pages，因為 Github Pages 是免費且我手動部署也很簡單。 使用 Github Actions...
第 12 天 - 開始 Vue 元件入門課程
使用 JavaScript 框架的元件基礎 在第 12 天，我開始觀看 Vue School 的 Vue Component Fundamentals with...
第 13 天- 建立帶有 Prop 的 CoffeePlan 元件
建立 CoffeePlan 元件 第 13 天，我開始將 HTML 程式碼重構為可重用的 CoffeePlan 元件。該元件將接受一個 name 輸入，並在 H...
第14天 - 建立 PlanPicker 父元件
建立 PlanPicker 元件 在第14天，我繼續重構 App 元件，將咖啡計畫清單抽取到新的 PlanPicker 元件中。這樣不僅讓 App 元件更乾淨，...
第 15 天- Add a Coffee Plan Form
第 15 天- Add a Coffee Plan Form 在第15天，我擴展了 PlanPicker 組件，加入了一個 AddCoffeePlan 組件，用...
第16天 - 使用元件事件選擇咖啡方案
在第16天，當選擇了一個咖啡方案 (coffee plan) 時，我會在該方案周圍加上邊框。其他咖啡方案則變成非活躍狀態，並移除邊框。CoffeePlan 組件...
第 17 天 - 在 HTML 模板中渲染動態內容
第 17 天 - 在 HTML 模板中渲染動態內容 在第 17 天，我示範如何在元件中渲染動態內容。Vue 3 將內容投影到 slots，並可選擇性地顯示插槽屬...
第18天 - Github Card 專案 第一部分 - 資料擷取
第18天，我開始在 Vue 3、Angular 19 和 Svelte 5 中進行 Github 使用者個人資料的練習。 我的 CSS 技術不強，因此我會遵循講...
第 19 天 - Github 卡片專案 第二部分 - 元件組合
示範中使用卡片佈局 (card layout) 顯示 Github 使用者。GithubProfileList 會迭代一個使用者名稱的清單，並在 GithubP...