Choose your language!

---

|

Web programiranje → Uvod u web → API

Šta je API i kako frontend komunicira sa backendom

Lekcija 4 od 21

Web početna:
Povratak na vodič stranu | Sledeća lekcija: Python backend uvod

Uvod

U prethodnim lekcijama naučio si kako browser i server komuniciraju pomoću HTTP-a.

Sada idemo korak dalje — kako frontend zapravo "priča" sa backendom u modernim aplikacijama.

Cilj lekcije:

Da razumeš šta je API i kako se koristi za razmenu podataka između delova aplikacije.

Šta je API?

API (Application Programming Interface) je način komunikacije između dva programa.

U web aplikacijama API povezuje:

• frontend (ono što korisnik vidi)
• backend (logika i podaci)

Jednostavno rečeno:

• frontend šalje zahtev preko API-ja
• backend vraća podatke

Zapamti:

API je "posrednik" između frontenda i backenda.

Primer iz stvarnog života

Zamisli restoran:

• ti si korisnik (frontend)
• kuhinja je backend
• konobar je API

Ne ideš direktno u kuhinju — već naručuješ preko konobara.

API radi isto:

• prima zahtev
• prosleđuje backendu
• vraća odgovor

Kako API funkcioniše?

Kada korisnik klikne dugme ili pošalje formu:

• frontend šalje HTTP request API-ju
• API poziva backend logiku
• backend vraća podatke
• API vraća odgovor frontend-u

Primer

GET /api/users

Server može vratiti:

[
  { "ime": "Marko" },
  { "ime": "Ana" }
]

Frontend zatim prikazuje te podatke na stranici.

Tip:

Većina modernih aplikacija (Instagram, YouTube, mobilne aplikacije) koristi API za komunikaciju sa serverom.

Šta je REST API?

Najčešći tip web API-ja je REST API.

On koristi HTTP metode:

• GET — uzmi podatke
• POST — pošalji podatke
• PUT — izmeni podatke
• DELETE — obriši podatke

Mini eksperiment

Pokušaj:

1. Otvori neki sajt (npr. YouTube) 2. Desni klik → Inspect 3. Otvori "Network" tab 4. Filtriraj po "Fetch/XHR"
Posmatraj:

• API zahteve
• URL koji sadrže /api/
• podatke koje server vraća

Izazov

Zadatak:

Odgovori:

• Šta je API?
• Koja je njegova uloga?
• Kako frontend koristi API?

Zašto je API važan?

Bez API-ja moderne aplikacije ne bi mogle da funkcionišu.

API omogućava:

• komunikaciju između sistema
• razdvajanje frontend i backend dela
• razvoj mobilnih i web aplikacija

Povezane lekcije

• Python backend uvod
• Frontend vs Backend
• Django web aplikacije

Šta sledi?

• kako Python radi na serveru
• kako napraviti prvi backend
• kako API povezati sa Django aplikacijom