Choose your language!

---

|

Web programiranje → Uvod u web

Šta je web aplikacija i kako funkcioniše internet

Lekcija 1 od 21

Web početna: Povratak na vodič | Sledeća lekcija: Kako radi web server

Web vodič: Povratak na web vodič

Uvod

Danas skoro sve što koristimo na internetu su web aplikacije — od društvenih mreža do online prodavnica.

U ovom kursu naučićete kako da razumete i napravite takve aplikacije.

Ali pre nego što počnemo sa kodiranjem, važno je da razumete kako web zapravo funkcioniše.

Cilj lekcije:

Da razumete osnovnu ideju web aplikacija i kako browser i server komuniciraju.

Šta je web aplikacija?

Web aplikacija je program koji koristimo preko interneta — kroz browser kao što su Chrome, Firefox ili Edge.

Za razliku od klasičnih programa koje instaliramo na računar, web aplikacije rade na udaljenim serverima.

Primeri web aplikacija:

• YouTube — gledanje videa
• Gmail — slanje i primanje mejlova
• Instagram — društvena mreža
• Online prodavnice

Važno:

Kada koristite web aplikaciju, vaš računar prikazuje sadržaj — ali logika se izvršava na serveru.

Statički i dinamički sajtovi

Postoje dve osnovne vrste web stranica:

• Statički sajtovi — uvek prikazuju isti sadržaj
• Dinamički sajtovi — sadržaj se menja u zavisnosti od korisnika

Na primer:

• blog → statički sadržaj
• Facebook / Gmail → dinamički sadržaj

Dinamički sajtovi koriste backend (npr. Python + Django).

Kako funkcioniše web?

Web funkcioniše kao komunikacija između dva dela:

• Browser (klijent) — šalje zahtev
• Server — obrađuje zahtev i šalje odgovor

Ovaj proces se naziva:

• request (zahtev)
• response (odgovor)

Primer iz stvarnog života

Zamislite da naručujete hranu:

• Vi ste browser
• Restoran je server
• Narudžbina = request
• Hrana = response

Tip:

Svaki klik na dugme ili otvaranje stranice šalje novi request serveru.

Šta se dešava kada ukucate URL?

www.google.com

• Browser šalje zahtev serveru
• Server obrađuje zahtev
• Server vraća HTML stranicu
• Browser prikazuje stranicu

Sve se ovo dešava za manje od jedne sekunde.

Frontend i backend

• Frontend — ono što korisnik vidi
• Backend — logika aplikacije

Frontend

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

Backend

• Python (Django)
• Rad sa bazom
• Obrada podataka

Zapamti:

Frontend = vidljivo Backend = logika

Video: Kreiranje prve web stranice

Pogledajte kako izgleda kreiranje jednostavne web stranice koristeći HTML i CSS:

Ovo je primer frontend dela — ono što korisnik vidi u browseru.

Kako frontend i backend rade zajedno?

• Korisnik klikne dugme
• Frontend šalje zahtev
• Backend obrađuje zahtev
• Backend vraća odgovor

Mini eksperiment

Pokušaj:

1. Otvori neku web stranicu 2. Desni klik → Inspect 3. Otvori tab "Network" 4. Osveži stranicu
Posmatraj:

• Koliko zahteva se šalje
• Koje fajlove učitava (HTML, CSS, JS)

Izazov

Proveri razumevanje:

Ako želiš da proveriš razumevanje, pokušaj da objasniš::

• Šta je browser?
• Šta je server?
• Šta je request?
• Šta je response?

Ako možete da objasnite ove pojmove — razumeli ste lekciju.

Zašto je ovo važno?

Ovo je temelj za sve dalje:

• Django
• API
• Baze podataka

Bez ovoga backend izgleda komplikovano — sa ovim postaje logičan.

Gde se ovo koristi u praksi?

Razumevanje kako web funkcioniše koristi se u gotovo svim modernim aplikacijama:

• web sajtovi i portali
• online prodavnice (e-commerce)
• mobilne aplikacije koje koriste API
• platforme za učenje, bankarstvo i društvene mreže

Bez ovog znanja teško je razumeti kako sistemi rade u realnim projektima.

Povezane lekcije

• Kako radi web server
• Frontend vs Backend detaljno
• Šta je API

Šta sledi?

• Kako radi web server
• HTTP protokol
• Kako server obrađuje zahteve