Finale lớn: trợ lý AI cho dự án của bạn

Ghép tất cả lại – widget, bản đồ và chatbot thông minh biết website của bạn.

Mảnh cuối: bot biết website của bạn

Chatbot của bạn hiện chỉ biết những gì trong system prompt. Mẹo cuối: đưa dữ liệu website vào prompt. Gọi là cho AI context:

const informace = `
You are the helper for the FK Sokol Nebovidy website. Here is the information:
- Practice: Tuesday and Thursday at 5:00 PM, field behind the school
- Next match: Saturday at 10:00 AM, home game against Lipová
- Coach: Mr. Novák, contact info is on the Contacts page
- Membership fee: $60 per semester

Answer in English, briefly and in a friendly tone. When the
answer isn't in the information above, say: "I don't know that,
check the Contacts page or ask the coach."
`;

// ...in the endpoint:
messages: [
  { role: 'system', content: informace },
  { role: 'user', content: otazka },
],

Giờ bot trả lời câu hỏi thật về dự án – và lịch sự nói “I don’t know” với mọi thứ khác. Đúng cách các trợ lý AI web thật được xây.

Thử thách cuối 💪

Hoàn thiện bộ công cụ Nhà phát minh – cả ba mảnh cùng nhau:

Widget với dữ liệu API (thời tiết từ bài 3) ở chỗ hợp lý.
Bản đồ với ghim (bài 4).
Chatbot có context – viết 5–10 sự thật thật về website vào prompt.

🏫 Website trường học – bài tập cuối

Bot biết: địa chỉ trường, tên hiệu trưởng, giờ ngoại khóa, căng tin, ngày tuyển sinh, và 3 câu lạc bộ. Bản đồ hiện trường, widget thời tiết dự báo cho sự kiện tiếp theo. Câu test: “Until what time is after-school care?”

🙋 Website cá nhân – bài tập cuối

Bot biết: sở thích, game/sách yêu thích, biết gì và đang học gì. Bản đồ 3 nơi yêu thích, widget thời tiết thành phố. Câu test: “What does he/she enjoy besides programming?”

🌍 Nhật ký du lịch – bài tập cuối

Bot biết: 3 chuyến gần nhất (đâu, khi nào, chuyện gì xảy ra) và kế hoạch tiếp theo. Bản đồ tất cả chuyến, widget thời tiết điểm đến tiếp. Câu test: “Where did they go last and how was it?”

⚽ Website câu lạc bộ – bài tập cuối

Bot biết: lịch tập, trận tiếp theo, đội hình, phí thành viên, liên hệ huấn luyện viên. Bản đồ sân nhà, widget thời tiết cho trận. Câu test: “When and where is the next match?”

Kiểm tra cuối

✅

Bạn xong khi:

Website tải dữ liệu live từ ít nhất một API (thời tiết).
Bản đồ có ghim với popup.
Chatbot trả lời đúng 5 câu test về dự án.
Bot lịch sự từ chối câu hỏi lạc đề.
Khóa bí mật không có trong trình duyệt hay GitHub.

Chúc mừng – bạn là Nhà phát minh! Website không còn chỉ là trang: nó có thể nói chuyện với thế giới. Đừng quên nhận chứng chỉ.

Những điều cần nhớ

Context trong prompt = bot biết website và không bịa.
API + bản đồ + AI cùng nhau biến website thành dịch vụ người thật sự dùng.
Điểm dừng tiếp: Cấp 6 – Trưởng dự án. Website xứng đáng có địa chỉ riêng trên internet.