← Úroveň 5 – Vynálezce

Lekce 8 z 8 ⏱ 45 minut Prémiové

Velké finále: AI pomocník tvého projektu

Spojíš všechno dohromady – widget, mapu a chytrého chatbota, který zná tvůj web.

Poslední kousek: bot, který zná tvůj web

Tvůj chatbot zatím ví jen to, co je v systémovém promptu. Finálový trik: dej mu do promptu data svého webu. Tomu se říká dávat AI kontext:

const informace = `
Jsi pomocník webu FK Sokol Nebovidy. Tady jsou informace:
- Tréninky: úterý a čtvrtek 17:00, hřiště za školou
- Příští zápas: sobota 10:00 doma proti Lipové
- Trenér: pan Novák, kontakt je na stránce Kontakty
- Příspěvky: 1500 Kč za pololetí

Odpovídej česky, stručně a přátelsky. Když odpověď není
v informacích výše, řekni: „To nevím, mrkni na stránku
Kontakty nebo napiš trenérovi."
`;

// ...v endpointu:
messages: [
  { role: 'system', content: informace },
  { role: 'user', content: otazka },
],

Teď bot odpovídá na skutečné otázky o tvém projektu – a na zbytek slušně řekne „nevím”. Přesně tak se staví opravdoví weboví AI asistenti.

Finálový úkol 💪

Dokonč Vynálezcovu výbavu svého projektu – všechny tři věci pohromadě:

  1. Widget s daty z API (počasí z lekce 3) na místě, kde dává smysl.
  2. Mapa se špendlíky (lekce 4).
  3. Chatbot s kontextem – napiš mu do promptu 5–10 skutečných informací ze svého webu.
🏫 Stránky školy – finálové zadání

Bot zná: adresu školy, jméno ředitele/ky, družinu (do kolika je), jídelnu, termín zápisu a 3 kroužky. Mapa ukazuje školu, widget počasí na příští akci. Testovací otázka: „Do kolika je družina?”

🙋 Osobní stránky – finálové zadání

Bot zná: tvoje koníčky, oblíbené hry/knihy, co umíš a co se učíš. Mapa s 3 oblíbenými místy, widget počasí ve tvém městě. Testovací otázka: „Co ho baví kromě programování?”

🌍 Cestovatelský deník – finálové zadání

Bot zná: 3 poslední výlety (kam, kdy, zážitek) a plán na příště. Mapa všech výletů, widget počasí v cíli příští cesty. Testovací otázka: „Kde byli naposledy a jaké to bylo?”

⚽ Web klubu – finálové zadání

Bot zná: tréninky, příští zápas, soupisku, příspěvky, kontakt na trenéra. Mapa domácího hřiště, widget počasí na zápas. Testovací otázka: „Kdy je příští zápas a kde?”

Závěrečná kontrola

Máš hotovo, když:

  1. Web načítá živá data z aspoň jednoho API (počasí).
  2. Mapa má špendlíky s bublinami.
  3. Chatbot odpovídá správně na 5 testovacích otázek o tvém projektu.
  4. Na otázku mimo téma bot slušně odmítne.
  5. Tajný klíč není v prohlížeči ani na GitHubu.

Gratuluju – jsi Vynálezce! Tvůj web už není jen stránka: umí mluvit se světem. Nezapomeň si vyzvednout certifikát.

Co si z téhle lekce odnést

🏆 Tvůj diplom

Finále úrovně Vynálezce

Až odškrtneš všechny lekce, můžeš si vytisknout certifikát.