---
# System prepended metadata

title: '#18 關於 Topic Discussion 可能會讓你很意外的 points'

---

# #18 關於 Topic Discussion 可能會讓你很意外的 points

- 一人報告 15 min
- 每個人都要上台報告，且報告時間要平均
- 每組都要問問題
- 會互評
- 星期五 14:00

### Team A
**盈盈, 廉淨, 阿福, 揚民**
Phase 1
- Compare RESTful API and GraphQL API?（請搭配程式範例）
- What is Big O notation? When we need to be careful about it?
- What is "this" in JavaScript? What does "this" refer to in different context?（請搭配程式範例）
- Introduce TypeScript（請搭配程式範例）

phase 2
- React class component（State and Lifecycle）（請搭配程式範例）
- Explain the mechanism of "event propagation" and "event delegation" in browser DOM（請搭配程式範例）
- How React work?（Render, Virtual DOM, Reconciliation, Commit）
- Canvas, SVG, WebGL（Demo）
- Introduce TanStack/query（請搭配程式範例）


### Team B
**柯柯, 阿峰, 冠蓁**
Phase 1
- What is closure in JavaScript?（請搭配程式範例）
- Explain why is 0.1 + 0.2 !== 0.3
- Compare var, let, and const from the aspect of scope & hoisting（請搭配程式範例

phase 2
- How to optimize image performance in web?
- Introduce object properties, methods, prototypes
- Introduce control flow and error handling in JavaScript
- Introduce XState（請搭配程式範例）

### Team C
**Claire, Mika, Luka**
Phase 1
- Explain the mechanism of the "event loop" in browser
- CSS Architecture: Block Element Modifer & Atomic CSS（請搭配程式範例）
- Explain the mechanism of CORS in browser

phase 2
- How browser rendering works?（DOM, CSSOM, Render Tree）
- Compare multi & single page application and client-side & server-side render
- Web media technologies（Demo）https://developer.mozilla.org/zh-TW/docs/Web/Media
- Introduce useReducer and Redux（請搭配程式範例）

