Čo je API · Programuj s Martinom

Zistíš, ako sa weby rozprávajú navzájom – a ako sa tvoj web môže spýtať na počasie, mapy alebo AI.

Čašník medzi dvoma kuchyňami

Predstav si reštauráciu. Ty (tvoj web) chceš objednať jedlo, ale do kuchyne (cudzia služba – počasie, mapy, AI) nesmieš. Na to je čašník – zoberie objednávku, donesie ju do kuchyne a prinesie hotové jedlo.

Tomu čašníkovi hovoríme API (Application Programming Interface). Je to dohodnutý spôsob, ako si programy navzájom pýtajú dáta:

Tvoj web pošle požiadavku („Aké bude zajtra počasie v Brne?”).
API ju odovzdá službe, ktorá pozná odpoveď.
Služba vráti odpoveď v dohodnutom formáte.

Ukážem ti: JSON – spoločný jazyk

Programy si odpovedajú vo formáte JSON. Vyzerá takmer ako javascriptový objekt, ktorý už poznáš z Kúzelníka:

{
  "mesto": "Brno",
  "teplota": 21,
  "slunecno": true,
  "dny": ["Saturday", "Sunday"]
}

Text je v úvodzovkách, čísla nie.
true/false už poznáš z podmienok.
Hranaté zátvorky = zoznam, zložené = objekt.

Vyskúšaj hneď teraz – otvor túto adresu v prehliadači (je to skutočné počasie API, zadarmo, bez registrácie):

https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61&current_weather=true

Uvidíš JSON s aktuálnym počasím v Brne. Žiadna grafika – len čisté dáta. Grafiku okolo toho postavíš ty!

💡

API sú všade. Keď mobilná appka ukáže predpoveď, autobus alebo mapu, takmer nikdy nemá dáta sama – pýta sa cez API. Teraz sa učíš to isté.

Teraz ty 💪

Otvor adresu vyššie v prehliadači a nájdi v odpovedi aktuálnu teplotu a rýchlosť vetra.
Skús zmeniť latitude a longitude v adrese na súradnice svojho mesta (nájdeš ich na mapovej službe – pravý klik → „What’s here?”).
Zapíš si 2–3 nápady pre projekt, aké vonkajšie dáta by sa na webe hodili:

🏫 Web školy – nápady

Počasie na školský výlet, mapa so školou, jedálny lístok z jedálne (ak má API), sviatky a prázdniny.

🙋 Osobný web – nápady

Počasie v tvojom meste, mapa miest, kam si bol, AI chatbot, ktorý návštevníkom odpovedá na otázky o tebe.

🌍 Cestovný denník – nápady

Mapa s pripináčkami výletov, počasie na ďalšom cieli, prevod mien pre cestovný rozpočet.

⚽ Web klubu – nápady

Počasie na víkendový zápas, mapa ihriska pre hosťujúce tímy, AI pomocník vysvetľujúci pravidlá futbalu.

✅

Skontroluj sa: Vieš vysvetliť, čo je API (čašník medzi programami), a rozpoznať JSON. Videl si skutočnú odpoveď API v prehliadači.

Čo si z tejto lekcie odnášaš

API = dohodnutý spôsob, ako si programy pýtajú dáta.
Odpovede prichádzajú v JSON – objekty a zoznamy ako v JavaScripte.
V ďalšej lekcii stiahneš dáta z API priamo na web cez fetch.