Buổi 02 — Thực hành: App GreenShop Của Tôi

Kết thúc buổi: bạn có app GreenShop chạy trên điện thoại, mang màu sắc và tên cửa hàng của bạn, và đã lưu được mốc Git đầu tiên.

Lab 2.1 — Khai sinh app GreenShop

Gõ prompt này cho Claude Code (thay phần trong ngoặc bằng ý của bạn):
Chờ AI làm xong và làm theo hướng dẫn để nhìn thấy app trên màn hình điện thoại/emulator.
Nếu app không hiện hoặc báo lỗi: copy nguyên văn thông báo, dán cho AI kèm “sửa giúp tôi lỗi này”. Đây là lần đầu bạn luyện phản xạ xử lý lỗi.

Lab 2.2 — Tạo mốc Git đầu tiên

Ngay khi app chạy được, lưu mốc ngay để có điểm quay về an toàn:
Kiểm tra mốc đã lưu:

Lab 2.3 — Biến app thành cửa hàng của BẠN

Dùng bài tập về nhà buổi 1 (dấu ấn cửa hàng của bạn). Cá nhân hóa từng bước, mỗi lần đổi một thứ rồi xem kết quả: Bước 1 — Đổi slogan:
Bước 2 — Tinh chỉnh màu:
Bước 3 — Thêm logo:
Sau mỗi bước, nhìn app để nghiệm thu. Ưng ý thì sang bước tiếp.

Lab 2.4 — Lưu mốc sau khi đẹp

Khi màn hình chào đã mang thương hiệu của bạn:

Lab 2.5 — Thử “phá” rồi khôi phục (luyện dây an toàn)

Đây là bài tập rèn sự tự tin. Cố ý yêu cầu một thay đổi rồi khôi phục: Bước 1 — Thử một thay đổi táo bạo:
Bước 2 — Xem kết quả, rồi quyết định không thích và quay lại:
Bạn vừa trải nghiệm điều quan trọng nhất: dám thử vì luôn quay lại được. Từ giờ đừng bao giờ sợ thử nghiệm — Git luôn đỡ lưng bạn.

Checklist hoàn thành

  • App GreenShop chạy được trên điện thoại/emulator
  • Đã tạo tối thiểu 2 mốc Git với ghi chú rõ ràng
  • Màn hình chào mang tên, màu, slogan (và logo nếu có) của cửa hàng bạn
  • Đã thử “phá” và khôi phục thành công về mốc cũ
Tick đủ 4 ô? Bạn đã có app thật mang thương hiệu riêng và biết cách tự bảo vệ công sức của mình. Tuyệt vời!