웹 개발

第 15 課：Grid 布局

理解 CSS Grid 的概念 掌握 Grid 容器和項目屬性 學會建立複雜的網格布局 了解 Grid vs Flexbox 的使用時機

第 17 課：CSS 動畫和過渡

掌握 CSS Transitions 的使用 學會建立 CSS Animations 了解 Transform 屬性 學會實作常見的動畫效果

第 27 課：AJAX 和 Fetch API

// POST 請求 fetch'https://api.example.com/data', { method: 'POST', headers: { 'ContentType': 'application/json' }, body: JSON.stringify{name: '小明', age: 25} } .thenresponse = response.json .thendata = console.logdata;

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 Apphttps://github.com/facebook/createreactapp.

Getting Started with Create React App

This project was bootstrapped with Create React Apphttps://github.com/facebook/createreactapp.

Lesson 09：表單處理 Forms

在受控元件中，表單的值由 React 的 state 控制。每次使用者輸入，都透過 onChange 更新 state，再由 state 驅動 UI。

Lesson 13：useReducer

useReducer 是 useState 的替代方案，適合管理複雜的狀態邏輯。它借鑑了 Redux 的概念。

Lesson 14：自訂 Hooks Custom Hooks

1. 名稱必須以 use 開頭 2. 只能在元件或其他 Hook 的最上層呼叫 3. 可以使用任何內建 Hook

Lesson 15：React Router

React Router 是 React 的路由函式庫，讓單頁應用（SPA）可以有多個「頁面」。

Lesson 18：API 資料串接

function UserList { const users, setUsers = useState; const loading, setLoading = useStatetrue; const error, setError = useStatenull;

Lesson 19：狀態管理 — Redux Toolkit

1. 單一資料源：整個應用的 state 存在一個 Store 中 2. State 是唯讀的：只能透過 dispatch action 來改變 3. 純函式更新：Reducer 是純函式

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

Performance Audit Template

Weeks 12: Environment Setup & Component Fundamentals

Weeks 34: Directives, Forms, and Dependency Injection

Weeks 56: Routing, HTTP, and Observables

Weeks 78: CRUD Application, Authentication, and Testing Coverage