F8 Fullstack Day 28

Bài tập XHR, Callback, Promise & Async/Await

1 XHR với Callback Pattern

Học cách sử dụng XMLHttpRequest với callback pattern. Trải nghiệm callback hell và cách xử lý.

  • User Profile Card với API call
  • Posts với Comments (Callback Hell)
  • Todo List với Filter
  • Loading states & Error handling
Bắt đầu Bài 1

2 Refactor với Promise

Cải thiện code từ Bài 1 bằng Promise. Giải quyết callback hell với Promise chain.

  • Promise wrapper cho XHR
  • Promise chain thay vì nested callbacks
  • Better error handling với .catch()
  • Retry mechanism
Bắt đầu Bài 2

3 Modern với Async/Await

Viết code bất đồng bộ hiện đại với async/await. Code dễ đọc như synchronous.

  • Async/await syntax
  • Try/catch error handling
  • Clean, readable code
  • Modern JavaScript patterns
Bắt đầu Bài 3