React 前端 Framework 教學手冊 📚 目錄 基礎概念 1.1 React 簡介與核心原理 1.2 JSX 語法 1.3 Component 元件 1.4 Props 屬性 1.5 State 狀態 1.6 Hooks 鉤子 專案實務 2.0 專案建立與環境設定 2.1 專案架構與元件拆分 2.2 狀態管理策略 2.3 API 呼叫方式 2.4 UI/UX 開發流程 進階主題 3.1 React Router 路由管理 3.2 Context API 3.3 狀態管理工具 3.4 效能最佳化 測試與品質 4.1 React 測試框架 4.2 程式碼規範 4.3 Lint 與 Formatter 實戰演練 5.1 表單處理 5.2 API 資料綁定 5.3 前後端整合 認證準備指南 6.1 React 認證概述 6.2 常見考點 6.3 練習題範例 6.4 學習資源 檢查清單 1. 基礎概念 1.1 React 簡介與核心原理 什麼是 React？ React 是由 Facebook（現在的 Meta）開發的開源 JavaScript 函式庫，專門用來建立使用者介面（UI）。它採用元件化的開發方式，讓開發者能夠建立可重複使用的 UI 元件。 React 核心原理 graph TB A[Virtual DOM] --> B[實際 DOM] C[Component] --> D[JSX] D --> A E[State] --> C F[Props] --> C G[Hooks] --> E subgraph "React 生態系統" A C E F G end 1. Virtual DOM（虛擬 DOM） ...
Docs
Spring Boot 教學手冊 文件資訊 作者: 技術團隊 版本: 1.0 更新日期: 2025-08-31 目標對象: 新進開發同仁、Spring Boot 初學者、認證考試準備者 目錄 Spring Boot 簡介 1.1 什麼是 Spring Boot？ 1.2 Spring Boot 的核心特點 1.3 Spring Boot vs Spring Framework 1.4 專案常見應用場景 1.5 Spring Boot 版本選擇 1.6 章節小練習 1.7 實務注意事項 開發環境建置 2.1 系統需求 2.2 JDK 安裝與設定 2.3 Maven 安裝與設定 2.4 IDE 設定 2.5 Spring Initializr 使用 2.6 開發工具設定 2.7 專案建立實作 2.8 執行與測試 2.9 章節小練習 2.10 實務注意事項 Spring Boot 基礎 3.1 專案結構 3.2 Application Properties 設定 3.3 依賴注入 (Dependency Injection) 3.4 Spring Boot Starter 3.5 Bean 生命週期與作用域 3.6 Profile 環境管理 3.7 章節小練習 3.8 實務注意事項 RESTful API 開發 ...
Spring Framework 教學手冊 目錄 Spring Framework 概述 1.1 什麼是 Spring Framework 1.2 Spring 生態系統 1.3 為什麼使用 Spring Framework 1.4 認證考點提示 1.5 實務案例 核心概念 2.1 控制反轉 (Inversion of Control, IoC) 2.2 依賴注入 (Dependency Injection, DI) 2.3 Bean 的概念 IoC 容器與依賴注入 3.1 IoC 容器深入解析 3.2 BeanFactory vs ApplicationContext 3.2.1 BeanFactory 3.2.2 ApplicationContext 3.3 Bean 定義與註冊 3.3.1 註解驅動的配置 3.3.2 Java 配置方式 3.4 依賴注入的進階特性 3.4.1 條件式注入 3.4.2 Qualifier 與 Primary 3.5 Bean 生命週期 3.6 ApplicationContext 事件機制 3.6.1 內建事件 3.6.2 自定義事件 3.7 認證考點提示 3.8 實務案例 Bean 管理 4.1 Bean 的作用域 4.1.1 Singleton 作用域 4.1.2 Prototype 作用域 4.1.3 Web 作用域 4.2 Bean 的初始化和銷毀 4.2.1 初始化方法 4.2.2 銷毀方法 4.3 Bean 的延遲初始化 4.4 條件式 Bean 創建 4.4.1 內建條件註解 4.4.2 自定義條件 4.5 Profile 環境配置 4.6 Factory Bean 模式 4.7 認證考點提示 4.8 實務案例 面向切面程式設計 (AOP) ...
Thymeleaf 使用教學手冊 目錄 基礎概念 1.1 什麼是 Thymeleaf？ 1.2 核心特色 1.2.1 自然模板特性 1.2.2 表達式豐富性 1.3 與其他模板引擎比較 1.3.1 詳細比較表 1.4 適用場景 1.5 工作流程 1.6 實務注意事項 環境建置 2.1 Spring Boot 專案整合 2.1.1 Maven 設定 2.1.2 Gradle 設定 2.2 目錄結構設定 2.3 應用程式設定 2.3.1 基本設定 (application.yml) 2.3.2 生產環境設定 (application-prod.yml) 2.4 IDE 設定 2.4.1 IntelliJ IDEA 設定 2.4.2 VS Code 設定 2.5 驗證安裝 2.5.1 建立控制器 2.5.2 建立模板 2.5.3 啟動應用程式 2.6 開發環境最佳化 2.6.1 熱重載設定 2.6.2 除錯設定 2.7 常見安裝問題 語法教學 3.1 基本標籤語法 3.1.1 文字輸出 (th:text) 3.1.2 HTML 輸出 (th:utext) 3.1.3 條件判斷 (th:if, th:unless) 3.1.4 迴圈遍歷 (th:each) 3.1.5 條件選擇 (th:switch, th:case) 3.2 屬性處理 3.2.1 設定屬性 (th:attr) 3.2.2 常用屬性快捷方式 3.2.3 CSS 類別處理 (th:classappend) 3.3 表達式語法 3.3.1 變數表達式 (${…}) 3.3.2 選擇表達式 (*{…}) 3.3.3 連結表達式 (@{…}) 3.3.4 訊息表達式 (#{…}) 3.3.5 片段表達式 (~{…}) 3.4 內建工具物件 3.4.1 日期工具 (#dates) 3.4.2 數字工具 (#numbers) 3.4.3 字串工具 (#strings) 3.4.4 集合工具 (#lists, #sets, #maps) 3.5 實務注意事項 3.6 模板繼承與片段 3.6.1 片段定義與使用 (th:fragment) 3.6.2 片段插入方式 3.6.3 佈局模板系統 3.6.4 參數化片段 3.6.5 片段選擇器 3.7 實務注意事項 3.8 表單處理 3.8.1 基本表單綁定 3.8.2 下拉選單處理 3.8.3 核取方塊處理 3.8.4 單選按鈕處理 3.8.5 檔案上傳處理 3.8.6 表單驗證錯誤處理 3.9 國際化 (i18n) 支援 3.9.1 設定國際化 3.9.2 訊息資源檔案 3.9.3 在模板中使用國際化 3.9.4 Java 程式碼中的國際化 3.9.5 日期和數字本地化 3.9.6 進階國際化實作 3.9.7 多語言最佳實務 3.10 實務注意事項 實務應用範例 ...
Vue 3.x 前端 Framework 教學手冊 📘 適用對象：完全沒有學過 Vue 3 的新進開發同仁 🎯 學習目標：循序漸進掌握 Vue 3.x 開發技能，並具備專案實戰能力 🏆 認證準備：涵蓋 Vue 3 官方認證考試重點 📖 目錄 第一章：Vue 3 基礎入門 1.1 什麼是 Vue.js？ 1.2 開發環境建置 1.3 第一個 Vue 3 應用 1.4 專案應用指引 1.5 認證考點提示 第二章：Composition API 深入 2.1 setup() 函數詳解 2.2 組合式函數 (Composables) 2.3 進階組合式函數範例 2.4 專案應用指引 2.5 認證考點提示 第三章：響應式系統 3.1 ref() 與 reactive() 詳解 3.2 深度響應式與淺層響應式 3.3 computed() 計算屬性 3.4 watch() 與 watchEffect() 3.5 響應式工具函數 3.6 專案應用指引 3.7 認證考點提示 第四章：模板語法與指令 ...
Clean Architecture 教學手冊 📖 手冊說明 本教學手冊專為新進開發同仁設計，旨在幫助您： 理解 Clean Architecture 的核心概念與設計哲學 學會在專案中運用 Clean Architecture 進行開發 具備考取 Clean Architecture 認證的能力 📚 目錄 基礎篇：Clean Architecture 核心概念 1.1 什麼是 Clean Architecture？ 1.2 核心原則 1.3 Clean Architecture vs 傳統架構 1.4 常見誤解與迷思 1.5 實務注意事項 架構篇：分層架構與職責 2.1 Clean Architecture 總覽 2.2 第一層：Entities（實體層） 2.3 第二層：Use Cases（用例層） 2.4 第三層：Interface Adapters（介面適配層） 2.5 第四層：Frameworks & Drivers（框架與驅動層） 2.6 層間通信與依賴注入 2.7 實務注意事項 實作篇：專案範例實戰 3.1 專案概述：會員管理系統 3.2 Domain 層實作 3.3 Use Case 層實作 3.4 Interface Adapters 層實作 3.5 實務注意事項 專案應用篇：團隊開發規範 ...
Clean Code 教學手冊 📚 目錄 Clean Code 簡介 1.1 什麼是 Clean Code？ 1.2 為什麼 Clean Code 重要？ 1.3 與專案品質的關係 核心原則與最佳實踐 2.1 命名原則 2.2 函式原則 2.3 類別與物件原則 2.4 註解原則 2.5 格式化原則 2.6 錯誤處理原則 2.7 測試原則 實務範例與對照 3.1 電商購物車範例 3.2 改善對照分析 3.3 使用者註冊系統範例 3.4 重構步驟與技巧 專案應用指引 4.1 團隊程式碼規範 4.2 程式碼審查流程 4.3 常見反模式與改善 4.4 開發工具配置 4.5 持續整合配置 認證考試重點 5.1 Clean Code 認證概述 5.2 核心知識點 5.3 常見考試題型 5.4 考試準備策略 5.5 考試注意事項 檢查清單 6.1 程式碼撰寫檢查清單 6.2 程式碼品質檢查清單 6.3 重構檢查清單 6.4 團隊協作檢查清單 6.5 專案層級檢查清單 6.6 持續改進檢查清單 6.7 快速參考卡 1. Clean Code 簡介 1.1 什麼是 Clean Code？ Clean Code（乾淨程式碼） 是指易於閱讀、理解和維護的程式碼。它不僅僅是能夠運行的程式碼，更是一種追求程式碼品質的哲學。 ...
Design Pattern 教學手冊（二）- 進階實務應用 目錄 第 1 章：設計模式概論 第 2 章：設計模式分類與全貌 第 3 章：創建型模式 第 4 章：結構型模式 第 5 章：行為型模式 第 6 章：專案應用指南 第 7 章：學習與練習 第 8 章：認證考試準備 第 9 章：附錄與資源 第 1 章：設計模式概論 1.1 設計模式的定義與歷史背景 1.1.1 什麼是設計模式？ 設計模式（Design Pattern）是在軟體開發過程中，針對常見問題的通用解決方案。它是一套被反覆使用、多數人知曉的、經過分類編目的、代碼設計經驗的總結。 1.1.2 Gang of Four (GoF) 的貢獻 1994年，四位軟體工程師 Erich Gamma、Richard Helm、Ralph Johnson、John Vlissides 共同撰寫了《設計模式：可複用物件導向軟體的基礎》一書，定義了23個經典設計模式，被稱為「四人幫」（Gang of Four，GoF）。 timeline title 設計模式發展歷程 1987 : Christopher Alexander 提出建築模式概念 1994 : GoF 發表 23 個經典設計模式 1995 : Java 語言誕生，設計模式開始普及 2000 : 企業級應用廣泛採用設計模式 2010 : Spring Framework 大量運用設計模式 2020 : 微服務架構中的設計模式應用 1.2 為什麼需要設計模式？ 1.2.1 解決重複問題 在軟體開發中，我們經常遇到相似的問題。設計模式提供了經過驗證的解決方案，避免重複造輪子。 ...
Design Pattern（設計模式）教學手冊 📋 目錄 基礎入門 1.1 什麼是 Design Pattern？ 1.2 為什麼要使用 Design Pattern？ 1.3 Design Pattern 的三大分類 1.4 在專案開發中的實際價值 1.5 學習路徑建議 1.6 注意事項與最佳實務 核心內容 - 創建型模式 2.1 Singleton Pattern（單例模式） 2.2 Factory Method Pattern（工廠方法模式） 2.3 Builder Pattern（建造者模式） 2.4 Abstract Factory Pattern（抽象工廠模式） 2.5 Prototype Pattern（原型模式） 2.6 創建型模式總結 核心內容 - 結構型模式 3.1 Adapter Pattern（適配器模式） 3.2 Decorator Pattern（裝飾者模式） 3.3 Facade Pattern（外觀模式） 3.4 Proxy Pattern（代理模式） 3.5 Composite Pattern（組合模式） 3.6 Bridge Pattern（橋接模式） 3.7 Flyweight Pattern（享元模式） 3.8 結構型模式總結 核心內容 - 行為型模式 4.1 Observer Pattern（觀察者模式） 4.2 Strategy Pattern（策略模式） 4.3 Template Method Pattern（模板方法模式） 4.4 Command Pattern（命令模式） 4.5 State Pattern（狀態模式） 4.6 Chain of Responsibility Pattern（責任鏈模式） 4.7 Iterator Pattern（迭代器模式） 4.8 Mediator Pattern（中介者模式） 4.9 Memento Pattern（備忘錄模式） 4.10 Visitor Pattern（訪問者模式） 4.11 Interpreter Pattern（解釋器模式） 4.12 行為型模式實務應用 專案應用指南 ...
Domain-Driven Design 教學手冊（一） 🎯 教學目標 本教學手冊旨在幫助開發團隊成員深入理解並正確應用 Domain-Driven Design (DDD)，從基礎概念到實際應用，最終能夠通過 DDD 認證考試。 📚 完整目錄 第一篇：基礎入門 1. 什麼是 Domain-Driven Design (DDD) 1.1 背景與歷史 1.2 為什麼需要 DDD 1.3 與傳統開發方式的差異 💡 實務案例：電商系統設計差異 2. DDD 的核心理念 2.1 Domain（領域）的重要性 2.2 Ubiquitous Language（通用語言） 2.3 Model-Driven Design（模型驅動設計） 3. DDD 的兩大面向 3.1 戰略設計 (Strategic Design) 3.2 戰術設計 (Tactical Design) 3.3 戰略與戰術設計的關係 💯 第一篇檢查清單（Checklist） 🎓 第一篇總結 第二篇：DDD 戰略設計 (Strategic Design) 4. 子域 (Subdomain) 的分類 4.1 什麼是子域 4.2 核心領域 (Core Domain) 4.3 支援子域 (Supporting Subdomain) 4.4 通用子域 (Generic Subdomain) 4.5 子域分類實務工作坊 5. 限界上下文 (Bounded Context) 5.1 定義與識別方法 5.2 界定上下文的準則 5.3 限界上下文的邊界劃分範例 5.4 上下文大小的考量 6. 上下文映射 (Context Mapping) 6.1 Context Map 基本圖示 6.2 上下文之間的關係模式 6.3 整合模式選擇指南 7. 案例分析 7.1 如何將真實專案切分為子域與限界上下文 7.2 分析銀行/金融系統案例 💯 第二篇檢查清單（Checklist） 🎓 第二篇總結 第三篇：DDD 戰術設計 (Tactical Design) 8. 核心構件介紹 8.1 Entity（實體） 8.2 Value Object（值物件） 8.3 Aggregate（聚合）與 Aggregate Root 8.4 Repository（倉儲） 8.5 Service（領域服務 / 應用服務） 8.6 Factory（工廠） 💯 第三篇檢查清單（Checklist） 第四篇：DDD 與實務應用 9. 領域事件 (Domain Events) 9.1 什麼是領域事件 9.2 事件發布與訂閱模式 9.3 Event Sourcing 9.4 CQRS 與 DDD 的結合 10. 模組化與分層架構 10.1 DDD 分層架構 10.2 Hexagonal Architecture（六角架構） 10.3 Clean Architecture 11. 在微服務架構中的 DDD 11.1 Bounded Context 與微服務的對應 11.2 微服務邊界設計 11.3 資料一致性策略 12. 與敏捷、Scrum 的整合 12.1 Event Storming 12.2 Domain Storytelling 12.3 Scrum 中的 DDD 實踐 13. 專案最佳實踐 13.1 常見錯誤與反模式 13.2 成功案例分享 13.3 DDD 導入路線圖 💯 第四篇檢查清單（Checklist） 第五篇：學習檢測與認證準備 14. 章節小測驗 14.1 第一篇：基礎入門 - 測驗題 14.2 第二篇：戰略設計 - 測驗題 14.3 第三篇：戰術設計 - 測驗題 14.4 第四篇：實務應用 - 測驗題 15. DDD 認證考試重點整理 15.1 必考核心概念 15.2 認證準備策略 16. 模擬測驗題庫 16.1 綜合模擬試題 16.2 模擬試題答案 💯 第五篇檢查清單（Checklist） 附錄 A. 快速參考指南 A.1 DDD 核心概念速查表 B. 成功案例研究 B.1 電商平台 DDD 實施 C. 推薦資源 C.1 經典書籍 C.2 線上資源 第一篇：基礎入門 1. 什麼是 Domain-Driven Design (DDD) 1.1 背景與歷史 Domain-Driven Design（領域驅動設計）是由 Eric Evans 在 2003 年出版的同名書籍中首次系統性提出的軟體開發方法論。DDD 的核心思想是將複雜的業務邏輯透過領域模型來表達，讓軟體設計更貼近實際業務需求。 ...