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



Šta sledi?

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