Framework

Angular 前端Framework教學手冊 目錄 1. 前言 為什麼要學習 Angular？ 專案背景 學習目標 2. 基礎篇 1. Angular 架構概念 1.1 核心概念 1.2 應用程式架構圖 2. 環境建置 2.1 必要軟體安裝 2.2 建立新專案 2.3 專案結構 3. 組件 (Components) 3.1 組件基本概念 3.2 建立組件 3.3 組件範例 4. 資料繫結 (Data Binding) 4.1 插值繫結 (Interpolation) 4.2 屬性繫結 (Property Binding) 4.3 事件繫結 (Event Binding) 4.4 雙向資料繫結 (Two-way Binding) 3. 進階篇 5. 模組 (Modules) 5.1 模組基本概念 5.2 根模組範例 5.3 功能模組建立 5.4 共用模組 6. 服務與相依性注入 (Services & Dependency Injection) 6.1 建立服務 6.2 基本服務範例 6.3 在組件中使用服務 6.4 服務注入層級 7. 路由 (Routing) 7.1 基本路由設定 7.2 子路由設定 7.3 路由導航 7.4 路由參數處理 7.5 路由守衛 4. 專案實務篇 8. 表單處理 8.1 範本驅動表單 (Template-driven Forms) 8.2 反應式表單 (Reactive Forms) 8.3 表單驗證最佳實務 9. HTTP 客戶端與 API 整合 9.1 HTTP 攔截器 9.2 API 服務封裝 10. RxJS 最佳實務 10.1 常用操作符 10.2 記憶體管理 11. 測試 (Testing) 11.1 單元測試範例 11.2 整合測試範例 11.3 指令測試範例 11.4 管道測試範例 11.5 路由測試範例 11.6 測試工具與最佳實務 5. 認證準備篇 12. Angular 官方認證考試重點 12.1 考試概要 12.2 重點知識領域 12.3 模擬考試題目 12.4 考前準備清單 13. 實戰模擬測驗 13.1 綜合練習題 13.2 進階練習題 6. 附錄 14. 常見問題 (FAQ) 14.1 開發環境問題 14.2 開發常見問題 14.3 效能問題 15. 有用的資源連結 15.1 官方資源 15.2 學習資源 15.3 工具與庫 15.4 社群資源 16. 快速參考檢查清單 16.1 新專案設置檢查清單 16.2 開發檢查清單 16.3 部署前檢查清單 16.4 程式碼審查檢查清單 17. 團隊開發規範 17.1 Git 工作流程 17.2 程式碼規範 17.3 程式碼審查標準 前言 為什麼要學習 Angular？ Angular 是由 Google 開發維護的前端框架，具有以下優勢： ...

PrimeNG 使用教學手冊 文件資訊 版本: 1.0.0 更新日期: 2025年9月5日 目標對象: 從未學過 PrimeNG 的新進開發同仁 適用 PrimeNG 版本: 17.x+ 適用 Angular 版本: 17.x+ 目錄 第 1 部分：基礎入門 PrimeNG 簡介 1.1 什麼是 PrimeNG 1.2 為什麼選擇 PrimeNG 1.3 在企業專案中的角色 1.4 實務案例 1.5 注意事項與最佳實務 環境安裝與設定 2.1 前置需求 2.2 建立 Angular 專案 2.3 安裝 PrimeNG 與相關套件 2.4 基礎設定 2.5 主題選擇與設定 2.6 設定 PrimeFlex（CSS 工具庫） 2.7 開發工具設定 2.8 實務案例：企業專案設定 2.9 注意事項與疑難排解 2.10 環境設定檢查清單 PrimeNG 基本使用流程 3.1 理解 Angular 與 PrimeNG 的關係 3.2 模組匯入策略 3.3 建立第一個 PrimeNG 頁面 3.4 PrimeNG 服務的使用 3.5 響應式設計與 PrimeFlex 3.6 實務開發流程 3.7 注意事項與最佳實務 3.8 第一個專案檢查清單 第 2 部分：核心元件應用 按鈕與圖示 ...

PrimeVue 使用教學手冊 📋 目錄 第一章：基礎入門 1.1 PrimeVue 簡介 1.2 PrimeVue 與 Vue.js 的關係 1.3 安裝與設定 1.4 建立第一個 PrimeVue 專案 1.5 Hello World 範例 第二章：核心元件介紹 2.1 按鈕（Button）與圖示（IconButton） 2.2 表單元件（InputText、Password、Dropdown、Checkbox、RadioButton、Calendar、Slider） 2.3 資料顯示元件（DataTable、Listbox、Card、Panel、TabView、Accordion） 2.4 對話框與通知（Dialog、Toast、ConfirmDialog） 2.5 版面配置元件（Panel、Card、Divider、Splitter） 第三章：專案應用實戰 3.1 建立完整的使用者管理系統 3.2 第三章總結與學習重點 第四章：進階功能與效能優化 4.1 效能優化策略 4.1.1 Vue 3 的效能優化特性 4.1.2 PrimeVue 元件效能優化 4.1.3 記憶體管理與清理 4.2 國際化 (i18n) 實作 4.2.1 Vue I18n 設定 4.2.2 在元件中使用國際化 4.2.3 PrimeVue 元件的本地化 4.3 主題系統與自訂樣式 4.3.1 PrimeVue 主題系統 4.3.2 自訂 CSS 變數系統 4.4 測試策略 4.4.1 單元測試設定 4.4.2 整合測試 4.4.3 E2E 測試 4.5 第四章總結 第五章：實務案例與最佳實務 ...

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） ...

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 認證考點提示 第四章：模板語法與指令 ...