詞彙表、速查表、綜合練習與參考資料
L3.6cm L9.1cm C1.1cm 名詞 & 說明 & 章 firsthead 名詞 & 說明 & 章 head 3r size（續下頁） foot lastfoot RTT（Round-Trip Time） & 封包從客戶端到伺服器再回來的時間；網路效能的基本單位。由距離與路由決定。 & TCP 三向交握 & 建立 TCP 連線需要 1 RTT（SYN、SYN-ACK、ACK）。 & TLS 交握 & 建立加密通道。TLS 1.
阅读文章 →網站效能最佳化：資源、頻寬與速度
DOM 節點越多，瀏覽器渲染越慢（建議 < 1500 節點）。
阅读文章 →SEO / GEO / AI 搜尋最佳化：大幅增加網站曝光度
核心：讓網頁出現在搜尋結果的前幾名。
阅读文章 →第 15 課：Grid 布局
CSS Grid是二維布局系統，可以同時控制行和列，非常適合建立複雜的網格布局。
阅读文章 →第 17 課：CSS 動畫和過渡
Transitions 讓CSS 屬性的變化變得平滑。
阅读文章 →第 27 課：AJAX 和 Fetch API
範例：examples/lesson-27/example-01-fetch.html
阅读文章 →HTML Canvas with JavaScript - Teaching Materials
A comprehensive curriculum for learning HTML Canvas from beginner to advanced levels.
阅读文章 →Getting Started with Create React App
This project was bootstrapped with Create React App.
阅读文章 →Getting Started with Create React App
This project was bootstrapped with Create React App.
阅读文章 →Lesson 09：表單處理 (Forms)
在受控元件中，表單的值由 React 的 state 控制。每次使用者輸入，都透過 onChange 更新 state，再由 state 驅動 UI。
阅读文章 →Lesson 13：useReducer
useReducer 是 useState 的替代方案，適合管理複雜的狀態邏輯。它借鑑了 Redux 的概念。
阅读文章 →Lesson 14：自訂 Hooks (Custom Hooks)
自訂 Hook 是以 use 開頭的函式，用來封裝和複用有狀態的邏輯。
阅读文章 →Lesson 15：React Router
React Router 是 React 的路由函式庫，讓單頁應用（SPA）可以有多個「頁面」。
阅读文章 →Lesson 18：API 資料串接
使用 GitHub API：https://api.github.com/search/users?q={query} 包含搜尋、載入狀態、錯誤處理 顯示頭像、使用者名稱、個人頁面連結
阅读文章 →Lesson 19：狀態管理 — Redux Toolkit
Redux 是一個可預測的狀態管理工具，適合管理大型應用的全域狀態。
阅读文章 →React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
阅读文章 →Backend Server Setup
This document explains how to set up and run the backend server for the Angular Comprehensive Demo.
阅读文章 →Code Flow Documentation
This document provides a detailed explanation of how code flows through the Angular Comprehensive Demo application, from startup to user interactions.
阅读文章 →Project Summary
This Angular comprehensive demo project has been successfully created with all requested features implemented. The project demonstrates core Angular concepts with extensive documentation and comments throughout the codeb
阅读文章 →Angular Comprehensive Demo
A comprehensive Angular application that demonstrates core concepts, best practices, and modern Angular development patterns.
阅读文章 →Backend Server for Angular Comprehensive Demo
This is a Node.js/Express backend server that provides REST API endpoints for the Angular Comprehensive Demo application.
阅读文章 →Angular Learning Roadmap
Proficiency with modern JavaScript/TypeScript (ES6+, async/await, modules, generics) Familiarity with npm or yarn workflows and basic CLI usage Understanding of HTML5 semantics and modern CSS (Flexbox, Grid) Comfort with
阅读文章 →Performance Audit Template
Route / Scenario Tested Build Configuration: (ng build --configuration production) Device / Network Profile: (e.g., Lighthouse Mobile, 4x CPU slowdown) Date
阅读文章 →Weeks 1-2: Environment Setup & Component Fundamentals
Install and verify Angular tooling (Node.js, npm/pnpm, Angular CLI, IDE extensions). Understand generated Angular project structure and build workflow. Create standalone components and templates with bindings, inputs, ou
阅读文章 →