鐵人檔案
從 HTML、SCSS、TypeScript 基礎出發，前面先以 Angular 為主，打造高品質可上線的前端履歷網站，最後以 React 與 Vue 進行對照實作，完成三個版本的作品並進行效能與開發體驗比較，讓你一次掌握三大前端框架的核心能力。
今日目標 用 Vite + Vue + TypeScript 建立新專案 認識 Vue 專案的基本結構與單檔元件 SFC (.vue) 把 Day 6 的...
今日目標 在 src/data/ 準備 skills / projects 資料 用 ref/readonly 管理資料，v-for 產生清單 使用 v-mo...
今日目標 安裝並設定 vue-router 在卡片使用 <RouterLink> 導到 /projects/:slug 在詳情頁用 useRo...
今日目標 用 v-model 管理欄位，搭配 自訂驗證（onInput/onBlur）顯示即時錯誤 送出前 整體檢查、禁用送出按鈕（disabled）與 L...
今日目標 用 fetch（或 axios）載入 projects.json（可替代為 API） 在列表與詳情頁加入 Loading / Error 狀態 實作...
今日目標 安裝與啟用 Pinia 建立兩個 store：useUiStore（UI 狀態）與 useProjectsStore（資料/快取） 替換原本的組合...
今日目標 專案結構整理（清晰的 Core / Features / Shared 分層） 最後幾個小優化（Lazy loading、SEO meta、圖片優化...
今日目標 用 Vite + React + TypeScript 建立新專案 認識 React Function Component 與 JSX 建立基本元件...
今日目標 建立 資料檔（skills.ts / projects.ts） 用 map() 渲染 Skills 與 Projects 在 Projects 加入...
今日目標 在 Projects 加入 搜尋框 與 只看精選 用 useState 管理條件、即時過濾 view 完成 React 版履歷網站 做 Angul...
