Buổi 02 — Bài tập về nhà

Bài 1 — Trau chuốt màn hình chào (bắt buộc)

Về nhà, tiếp tục tinh chỉnh màn hình chào GreenShop cho thật ưng ý. Thử ít nhất 3 vòng chỉnh sửa, ví dụ:
  • Đổi kích thước hoặc vị trí logo
  • Thêm một câu phụ dưới slogan (ví dụ: “Giao nhanh trong 2 giờ”)
  • Thêm hiệu ứng logo hiện dần khi mở app
Nhớ quy tắc iterate: chỉnh từng chút, đừng nói “làm lại đi”. Ví dụ: “Giữ nguyên mọi thứ, chỉ phóng to logo thêm một chút và đẩy slogan xuống dưới.”
Sau mỗi vòng ưng ý → lưu một mốc Git. Cuối bài, bạn nên có 3–4 mốc.

Bài 2 — Thêm màn hình thứ hai đơn giản (bắt buộc)

Thử thách nhẹ để làm quen với việc app có nhiều màn hình:
Kiểm thử: bấm tới, bấm lui, xem có mượt không. Nếu lỗi → dán cho AI sửa.

Bài 3 — Viết “nhật ký mốc Git” (khuyến khích)

Nhờ AI liệt kê lại toàn bộ các mốc bạn đã lưu và tự đánh giá: mốc nào đặt ghi chú rõ, mốc nào ghi chú mơ hồ khó hiểu?
Đặt tên mốc tốt là một kỹ năng. Ghi chú rõ như “Xong màn hình chào” tốt hơn nhiều so với “sửa lần 3”. Sau này khi cần quay lại, bạn sẽ biết ơn chính mình.

Bài 4 — Chuẩn bị cho buổi 03 (bắt buộc)

Buổi tới học cách mô tả giao diện bằng lời. Hãy chuẩn bị:
  • Lấy 3 ảnh tham khảo từ bài tập buổi 1 ra xem lại.
  • Với mỗi ảnh, tập tả bố cục của nó bằng lời: cái gì ở trên, cái gì ở giữa, cái gì ở dưới, xếp ngang hay dọc.

Nộp bài

  • App GreenShop có màn hình chào hoàn chỉnh + màn hình trang chủ trống.
  • Tối thiểu 3 mốc Git với ghi chú rõ ràng.
  • Mang theo phần mô tả bố cục 3 ảnh tham khảo cho buổi 03.
Buổi tới (03): Học “ngôn ngữ mô tả giao diện” — bí quyết để AI dựng đúng màn hình bạn hình dung trong đầu.