Week 2

1. Cách học tài liệu

• Trâu bò đọc tài liệu từ trên xuống: Kiến thức rời rạc nhưng đầy đủ

• Học theo tutorial: Kiến thức có kết nối nhưng thiếu sâu sắc

2. Bài toán tic-tac-toe ví dụ

Hướng dẫn giải

2.1 UI

• Sẽ bao gồm 3 phần:

  • Game

    • Board

      • Square

Game :

• Chứa Board và UI thể hiện trạng thái game (Win, bước đi).

• Về Data : chứ dữ liệu các nước đi trước, history

Board:

• Chứa các ô cờ : 9 ô

Square (Cell)

• Chứa giá trị (O, X, null)

2.2 Data

• Square: chỉ cần hiển thị giá trị X, O, or null

• Board: render qua square

• Game : 3 thông số history để lưu lịch sử , stepNumber đếm số bước đã đi, xIsNext: X hay O đi trước

Cài đặt trước khi gửi đi

• Hiển thị lịch sử

• Hiển thị trạng thái người chơi : X, O, hay ai win

Gửi đi

2.3 Business

Sự kiện click vào bàn cờ

Kiểm tra thắng thua

Handle Undo Game, khi click vào các trạng thái game