學習Laravel13+Livewire3

以下是專為Laravel 13 + Livewire 3（或 Livewire 最新版本，Laravel 官方 starter kit 已整合 Livewire）設計的完整學習課程大綱。

這個大綱從零基礎到進階實戰，適合初學者到中階開發者，預計總時數 40–60 小時（依練習深度而定）。重點結合 Laravel 13 的新功能（AI SDK、PHP Attributes、JSON:API、向量搜尋、Passkey 等）與 Livewire 3 的反應式開發優勢，避免寫大量 JavaScript。

課程目標¶

• 熟練使用 Laravel 13 建構後端應用。
• 使用 Livewire 3 快速開發動態前端介面（無需 Vue/React）。
• 整合 Laravel 13 新特性，打造現代、全端應用。
• 完成 2–3 個實戰專案，並了解部署與最佳實務。

先備知識（建議先具備）¶

• 基本 PHP 8.3+ 語法（變數、陣列、物件、函式）。
• HTML/CSS + 少量 JavaScript 基礎。
• 資料庫基礎（MySQL/MariaDB）。
• Composer 與終端機操作。

課程模組大綱¶

模組 1：環境設定與 Laravel 13 基礎（4–6 小時）¶

1. 安裝 PHP 8.3+、Composer、Laravel 13（使用 Laravel Installer）。
2. 建立新專案與 Laravel 13 新特性概覽（零 breaking changes、最小 PHP 版本、強預設值）。
3. 路由（Route、Route Groups、Named Routes、Middleware）。
4. 控制器（Controller、Resource Controller、Single Action Controller）。
5. Blade 模板基礎（Layouts、Components、Slots、@section）。
6. 設定環境（.env、Config、PHP Attributes 新寫法）。
7. Laravel 13 Starter Kit 安裝（Livewire Starter Kit + Flux UI + Tailwind）。

模組 2：資料庫與 Eloquent ORM（6–8 小時）¶

1. Migration、Seeder、Factory 進階使用。
2. Eloquent Model（Mass Assignment、Relationships、Scopes）。
3. Laravel 13 新增：PHP Attributes 取代傳統屬性（$table、$fillable、$hidden 等）。
4. Query Builder 進階（JSON:API Resources 介紹）。
5. Pagination、Soft Deletes、Eloquent Events。
6. 實作：建立多個 Model 與關聯（例如 User、Post、Category、Team）。

模組 3：Livewire 3 核心概念（8–10 小時）¶

1. 安裝與 Livewire 3 介紹（全 PHP 反應式框架、與 Blade 完美整合）。
2. 建立第一個 Livewire Component（Class + View）。
3. 資料綁定（wire:model、Deferred vs Live、.live 修飾詞）。
4. 屬性（Properties）、Computed Properties、Actions（Methods）。
5. 表單處理（Validation、Real-time Validation、Form Objects）。
6. 事件系統（dispatch()、wire:navigate、Component Communication）。
7. Lazy Loading、Polling、Wire:Loading、Wire:Confirm。
8. 檔案上傳（Temporary Uploads、Preview、Validation）。
9. 實作：Live Search、Counter、Todo List、Dependent Dropdowns。

模組 4：Laravel 13 + Livewire 3 進階整合（8–10 小時）¶

1. Full Page Components 與 Navigation（wire:navigate 實現 SPA-like 體驗）。
2. 巢狀 Components（Nested Components）與事件傳遞。
3. 授權與安全性（Policies、Gates、Livewire 安全最佳實務）。
4. Laravel 13 新功能整合：
   • Laravel AI SDK（文字生成、Embeddings、向量搜尋、Agents）。
   • Passkey 無密碼登入。
   • Semantic / Vector Search 結合 Eloquent。
   • JSON:API Resources 輸出。
   • Cache::touch()、Reverb（WebSocket）資料庫驅動。
5. Pagination + Livewire Tables。
6. 實作：帶即時搜尋與 AI 輔助的 CRUD 系統。

模組 5：認證、授權與多團隊支援（4–6 小時）¶

1. Laravel Breeze / Jetstream / Livewire Starter Kit 認證。
2. Passkey 與 Socialite 登入。
3. Laravel 13 Teams 功能（多團隊切換、Scoped Data）。
4. Authorization 在 Livewire 中的應用。
5. 實作：帶團隊管理的會員系統。

模組 6：實戰專案開發（10–15 小時）¶

推薦以下專案（由簡到難，可任選 2–3 個）：

專案 1：個人部落格 / 新聞系統

• Livewire CRUD + Modal + Real-time Preview。
• 分類、標籤、搜尋、評論。

專案 2：任務管理 / Todo Dashboard（推薦）

• 拖拉排序、即時更新、通知。
• 整合 Laravel AI SDK（AI 產生任務建議或摘要）。

專案 3：電子商務後台或產品目錄

• 產品管理、購物車（Livewire）、訂單流程。
• 向量搜尋（AI 語意推薦商品）。

專案 4：進階應用（可選）

• 多團隊 SaaS 應用（使用 Laravel 13 Teams）。
• 結合 Reverb 實現即時聊天或通知。

每個專案包含：資料庫設計、Livewire 元件拆分、表單驗證、上傳、權限控制、測試。

模組 7：測試、部署與最佳實務（4–6 小時）¶

1. PHPUnit + Feature Testing（測試 Livewire Component）。
2. Laravel Pint、Static Analysis。
3. 部署（Forge / Vapor / Ploi / Docker）。
4. 效能優化（Caching、Queue、Livewire 最佳化）。
5. 安全性審核（Livewire 防範常見攻擊）。
6. 升級指南（從 Laravel 12 升到 13）。

推薦學習資源¶

• 官方文件：Laravel 13 Docs + Livewire Docs。
• Laravel Daily、Laracasts（Livewire 3 From Scratch）。
• YouTube：Laravel 13 Full Course、Livewire 3 Crash Course。
• 實作練習：每天寫一個小元件，Push 到 GitHub。

學習建議¶

• 每週進度：模組 1–2（第 1 週）、模組 3（第 2 週）、模組 4–5（第 3–4 週）、專案開發（第 5–7 週）。
• 練習方式：邊看邊打碼，不要只看影片。
• 工具：VS Code + Laravel Extension、Tailwind + Flux UI（官方推薦）、Pest 或 PHPUnit。
• 常見陷阱：Livewire 屬性安全性（使用 #[Locked]）、wire:model 即時 vs 延遲、巢狀元件事件處理。

這個大綱可以直接用來規劃自學課程、線上教學，或公司內訓。如果你想針對特定模組深入（例如加更多 AI 整合或特定專案），或需要詳細的每堂課子主題、程式碼範例、作業清單，請告訴我，我可以再細化或調整！

開始學習 Laravel 13 + Livewire 3 會讓你體驗「全 PHP 開發」的極致生產力，加油！🚀