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



Šta sledi?

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