Web programiranje → Uvod u web → Web server → Frontend i Backend
Frontend i Backend — kako zajedno rade web aplikacije
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.
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
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
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
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
Otvori neku web aplikaciju (npr. Gmail ili YouTube) i:
- posmatraj šta vidiš (frontend)
- razmisli šta se dešava u pozadini (backend)
Proveri razumevanje
- š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