Web programiranje → Uvod u web → Web server → Frontend i Backend


Frontend i Backend — kako zajedno rade web aplikacije


Lekcija 3 od 21

Web početna:
Povratak na vodič stranu | Sledeća lekcija: Šta je API


Web vodič:Povratak na vodič stranu


Uvod


U prethodnoj lekciji videli smo kako browser i server komuniciraju putem HTTP protokola.

Sada ćemo razdvojiti dva ključna dela svake web aplikacije — frontend i backend.

Razumevanje ove razlike je ključno jer vam pomaže da shvatite gde se šta dešava u aplikaciji.

Cilj lekcije:

Da jasno razumete razliku između frontend i backend dela i kako oni sarađuju.

Osnovna podela web aplikacije


Svaka web aplikacija sastoji se iz dva glavna dela:

  • Frontend — deo koji korisnik vidi
  • Backend — deo koji obrađuje podatke
Kako da zapamtiš:

Frontend = interfejs (ono što vidiš) Backend = logika (ono što se dešava iza scene)

Šta je frontend?


Frontend je deo aplikacije koji se prikazuje u browseru.

To uključuje:

  • tekst
  • dugmad
  • forme
  • slike
  • animacije

Frontend se najčešće pravi pomoću:

  • HTML — struktura stranice
  • CSS — izgled
  • JavaScript — interakcija

Šta je backend?


Backend je deo aplikacije koji se izvršava na serveru.

Njegov zadatak je:

  • obrada podataka
  • logika aplikacije
  • rad sa bazom podataka
  • autentifikacija korisnika

Backend može biti napisan u različitim jezicima:

  • Python (Django)
  • JavaScript (Node.js)
  • C#
  • Java

Važno:

Frontend nikada direktno ne pristupa bazi — sve ide preko backend-a.

Kako frontend i backend rade zajedno?


Kada korisnik uradi neku akciju, frontend šalje zahtev backendu.

Na primer:

  • klik na dugme
  • slanje forme
  • pretraga

Backend zatim:

  • obradi podatke
  • komunicira sa bazom
  • vrati rezultat
Jednostavan tok:

Korisnik → Frontend → Backend → Baza → Backend → Frontend → Korisnik

Primer iz prakse: login sistem


  • korisnik unese username i password
  • frontend šalje podatke serveru
  • backend proverava podatke u bazi
  • ako su tačni — korisnik se prijavljuje
  • ako nisu — vraća se greška

Ovo je tipičan primer saradnje frontend i backend dela.


Mini eksperiment


Pokušaj:

Otvori neku web aplikaciju (npr. Gmail ili YouTube) i:
  • posmatraj šta vidiš (frontend)
  • razmisli šta se dešava u pozadini (backend)

Proveri razumevanje


Razmisli:

  • šta je frontend u jednoj aplikaciji?
  • šta radi backend?
  • zašto frontend ne ide direktno na bazu?

Zašto je ovo važno?


Ovo je jedna od najvažnijih podela u web programiranju.

Kada ovo razumeš:

  • lakše učiš Django
  • razumeš API-je
  • znaš gde se nalazi problem u aplikaciji

Povezane lekcije



Šta sledi?

  • šta je API
  • kako frontend komunicira sa backendom
  • razmena podataka između sistema