Što je API · Kodiraj s Martinom

Otkrij kako web stranice razgovaraju jedna s drugom – i kako tvoja može pitati za vrijeme, karte ili AI.

Konobar između dvije kuhinje

Zamisli restoran. Ti (tvoja web stranica) želiš naručiti hranu, ali ne smiješ u kuhinju (tuđi servis – vrijeme, karte, AI). Za to služi konobar – uzme tvoju narudžbu, odnese je u kuhinju i donese gotovo jelo.

Taj konobar zove se API (Application Programming Interface). To je dogovoreni način da programi traže podatke jedan od drugog:

Tvoja web stranica šalje zahtjev (“Kakvo će biti vrijeme sutra u Brnu?”).
API ga proslijedi servisu koji zna odgovor.
Servis vraća odgovor u dogovorenom formatu.

Pokazat ću ti: JSON – zajednički jezik

Programi odgovaraju jedan drugome u JSON formatu. Izgleda gotovo kao JavaScript objekt, koji već znaš iz Čarobnjaka:

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

Tekst je u navodnicima, brojevi nisu.
true/false već znaš iz uvjeta.
Uglate zagrade = popis, vitičaste = objekt.

Isprobaj odmah – otvori ovu adresu u pregledniku (pravi API za vrijeme, besplatno, bez registracije):

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

Vidjet ćeš JSON s trenutnim vremenom u Brnu. Nema grafike – samo čisti podaci. Grafiku gradiš ti oko toga!

💡

API-ji su posvuda. Kad mobilna aplikacija prikaže prognozu, raspored autobusa ili kartu, gotovo nikad nema te podatke sama – pita preko API-ja. Sada učiš raditi isto.

Sad si ti na redu 💪

Otvori gornju adresu u pregledniku i pronađi trenutnu temperaturu i brzinu vjetra u odgovoru.
Pokušaj promijeniti latitude i longitude u adresi na koordinate svog grada (pronađi ih na karti – desni klik → „Što je ovdje?“).
Zapiši 2–3 ideje za svoj projekt o kojim vanjskim podacima bi bilo korisno na web stranici:

🏫 Web stranica škole – ideje

Vrijeme za školski izlet, karta s lokacijom škole, jelovnik iz školskog API-ja (ako postoji), praznici i školski raspusti.

🙋 Osobna web stranica – ideje

Vrijeme u tvom gradu, karta mjesta koja si posjetio, AI chatbot koji posjetiteljima odgovara o tebi.

🌍 Putni dnevnik – ideje

Karta s oznakama putovanja, vrijeme na sljedećem odredištu, pretvorba valuta za putni budžet.

⚽ Web stranica kluba – ideje

Vrijeme za utakmicu vikendom, karta terena za gostujuće momčadi, AI pomoćnik koji jednostavno objašnjava pravila nogometa.

✅

Provjera: Možeš objasniti što je API (konobar između programa) i prepoznati JSON. Vidio si pravi API odgovor u pregledniku.

Što ćeš ponijeti iz ove lekcije

API = dogovoreni način da programi traže podatke jedan od drugog.
Odgovori dolaze u JSON-u – objekti i popisi kao u JavaScriptu.
U sljedećoj lekciji povući ćeš podatke iz API-ja izravno na web stranicu pomoću fetch.