Nakon ovog poglavlja
Što ćete znati napraviti
- Razlikovati odgovornosti HTML-a, CSS-a, JavaScripta, PHP-a i baze.
- Objasniti razliku između klijentskog i poslužiteljskog koda.
- Odabrati jednostavan tehnološki skup bez nepotrebne složenosti.
Jedan proizvod, više uloga
Pet osnovnih slojeva
HTML opisuje značenje i strukturu dokumenta, CSS njegov izgled, a JavaScript ponašanje u pregledniku. PHP se izvršava na poslužitelju: provjerava zahtjev, primjenjuje poslovna pravila i priprema HTML ili JSON. Baza podataka trajno čuva zapise.
Granice nisu apsolutne, ali su korisne. Gumb može izgledati kao dio CSS-a i reagirati kroz JavaScript, dok odluka smije li korisnik nešto obrisati uvijek pripada poslužitelju. Pregledniku ne možemo vjerovati jer korisnik kontrolira sve što mu je poslano.
- HTML: sadržaj i semantika.
- CSS: raspored, boje i prilagodba zaslonu.
- JavaScript: interakcija u pregledniku.
- PHP: pravila aplikacije i pristup podacima.
- SQL baza: trajno i povezano spremanje podataka.
Dva česta pristupa
HTML na poslužitelju ili API
Za klasičnu sadržajnu stranicu PHP može odmah vratiti dovršen HTML. Takav pristup je brz za izradu, pristupačan tražilicama i ne zahtijeva poseban frontend projekt.
API vraća strukturirane podatke, najčešće JSON. Koristan je kada iste podatke koriste web, mobilna aplikacija i vanjski sustavi. Ne uvodimo ga samo zato što je moderan: dodatni sloj znači više ugovora, autentikacije, testiranja i održavanja.
GET /clanci/42
Accept: text/html
GET /api/clanci/42
Accept: application/json
Naš izbor
Tehnološki skup koji ćemo koristiti
Počinjemo s PHP-om 8.5, običnim HTML-om, modernim CSS-om i malom količinom JavaScripta. Za bazu koristimo MySQL ili MariaDB kroz PDO. Composer upravlja paketima i autoloadingom, Git poviješću koda, a Laragon lokalnim servisima na Windowsu.
U završnom dijelu iste ideje prenosimo u Laravel 13. Framework tada neće biti čarobna kutija: prepoznat ćemo usmjeravanje, kontrolere, validaciju, sesije, bazu i predloške koje smo prethodno izgradili ručno.
Primijenite naučeno
Vježba: Nacrtajte put jedne prijave
Na papiru ili u bilješci pratite što se događa kada korisnik pošalje obrazac za prijavu.
- Zapišite što rade HTML i preglednik.
- Označite gdje PHP provjerava lozinku i sesiju.
- Označite što se čita iz baze, a što se vraća korisniku.
Za provjeru i nastavak