第 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
記事を読む →Weeks 3-4: Directives, Forms, and Dependency Injection
Build custom attribute and structural directives to encapsulate template behavior. Implement template-driven and reactive forms, including validation and form state management. Leverage Angular's dependency injection (DI
記事を読む →Weeks 5-6: Routing, HTTP, and Observables
Configure Angular Router with feature routes, lazy loading, and route guards. Consume REST APIs with HttpClient, interceptors, and typed responses. Master RxJS operators (switchMap, mergeMap, catchError, shareReplay) for
記事を読む →Weeks 7-8: CRUD Application, Authentication, and Testing Coverage
Architect a feature-rich CRUD application using modular/standalone design patterns. Implement authentication flows (login, refresh tokens) with guards, interceptors, and directive-based permission control. Build complex
記事を読む →