Buổi 06 — Thực hành: Chi Tiết Sản Phẩm & Tìm Kiếm
Kết thúc buổi: khách xem được chi tiết từng sản phẩm rau củ và tìm kiếm gõ đến đâu lọc đến đó.
Lab 6.1 — Dựng trang chi tiết sản phẩm đầy đủ
Nâng cấp trang chi tiết tạm ở buổi 5 thành trang hoàn chỉnh:Lab 6.2 — Nút số lượng hoạt động
Lab 6.3 — Làm ô tìm kiếm thông minh
Lab 6.4 — Kiểm thử tìm kiếm kỹ lưỡng
Thử từng tình huống, tick khi đạt:- Gõ “rau” → hiện các loại rau
- Gõ “RAU” (hoa) → vẫn ra kết quả như “rau”
- Gõ “ca rot” (không dấu) → ra “Cà rốt”
- Xóa hết chữ → hiện lại các từ khóa gợi ý
- Gõ “xyz123” → hiện thông báo không tìm thấy tử tế
Lab 6.5 — Yêu thích & chia sẻ
Danh sách yêu thích sẽ hiện ở tab Tài khoản — buổi này tạm lưu tạm, buổi sau (giỏ hàng) và buổi 8 (Firebase) sẽ hoàn thiện việc lưu trữ.
Lab 6.6 — Lưu mốc
Checklist hoàn thành
- Trang chi tiết đầy đủ, hiện đúng sản phẩm được bấm
- Nút số lượng - / + hoạt động
- Nút “Thêm vào giỏ” cố định đáy màn hình
- Tìm kiếm lọc ngay khi gõ, tìm được cả không dấu
- Có gợi ý từ khóa và thông báo không tìm thấy tử tế
- Yêu thích & chia sẻ hoạt động
- Đã lưu mốc Git
Khách giờ có thể tìm và tìm hiểu kỹ từng sản phẩm. Buổi sau: cho họ bỏ vào giỏ và tính tiền!