Buổi 03 — Bài tập về nhà
Bài 1 — Thẻ sản phẩm hoàn hảo (bắt buộc)
Về nhà, làm một thẻ sản phẩm rau củ mà bạn thấy thật đẹp và chuyên nghiệp. Yêu cầu tối thiểu:- Ảnh sản phẩm bo góc
- Tên + giá (định dạng có dấu chấm: 25.000đ)
- Một nhãn khuyến mãi hoặc nhãn “Organic”/“Mới về”
- Nút thêm vào giỏ
- Chỉnh qua ít nhất 5 vòng iterate
Bài 2 — Ba khối cho trang chủ (bắt buộc)
Chuẩn bị “nguyên liệu” cho trang chủ buổi sau. Dựng riêng 3 khối:- Thanh trên cùng: ô tìm kiếm bo tròn + icon giỏ hàng có chấm đỏ
- Banner khuyến mãi: một dải ảnh cuộn ngang tự chạy, có chấm chỉ vị trí
- Hàng danh mục: 8 danh mục rau củ cuộn ngang
Bài 3 — Thử thách mô tả từ trí nhớ (khuyến khích)
Nhắm mắt hình dung màn hình trang chủ app rau củ mơ ước của bạn. Mở mắt, viết một prompt mô tả toàn bộ trang đó từ trên xuống dưới, dùng khung prompt chuẩn. Chưa cần chạy — chỉ luyện kỹ năng viết mô tả đầy đủ. Sau đó, đưa prompt đó cho AI và nhờ nó góp ý:Đây là bài luyện “cơ bắp mô tả” cực kỳ giá trị. Prompt càng rõ, bạn càng ít phải sửa về sau.
Bài 4 — Sưu tầm bảng màu (khuyến khích)
Tìm trên mạng 2–3 bảng phối màu tông xanh lá đẹp (tìm “green color palette”). Lưu lại để buổi sau dùng cho trang chủ. Bạn có thể nhờ AI:Nộp bài
- Một thẻ sản phẩm hoàn chỉnh (đã iterate ≥ 5 vòng).
- Ba khối trang chủ (thanh tìm kiếm, banner, danh mục) dựng riêng.
- Mốc Git đã lưu.
Buổi tới (04): Ghép tất cả thành một trang chủ hoàn chỉnh với lưới sản phẩm rau củ quả — màn hình “bộ mặt” của cửa hàng bạn!