Web Programiranje: Osnove i Ključni Pojmovi
Web programiranje odnosi se na izradu raznih web stranica ili web aplikacija. Ovaj vodič će vas provesti kroz osnovne termine i tehnologije koje su neophodne za razumijevanje i razvoj web projekata. Objasnit ćemo HTML, CSS, JavaScript, PHP, MySQL, te kako funkcioniraju web stranice, što je server i slične ključne pojmove.
Web Server / Poslužitelj
Svaka web stranica mora biti smještena na poslužitelj (server) kako bi bila dostupna korisnicima. Web server je računalo smješteno u data centru koje ima statičnu IP adresu. Kada registrirate domenu, poput `moja-stranica.hr`, potrebno je tu domenu povezati s vašim serverom putem NS (Name Server) zapisa.
Koraci povezivanja domene s poslužiteljem:
1. **Registracija domene**: Zakupljate domenu kod registra (npr. Carnet za .hr domene).
2. **Zakup poslužitelja**: Zakupite server ili hosting uslugu od hosting provajdera.
3. **Konfiguracija NS zapisa**: U administraciji domene upišete NS1 i NS2 zapise koje ste dobili od hosting provajdera.
4. **Preusmjeravanje domene**: Kada korisnik upiše adresu vaše domene u preglednik, registar preusmjerava korisnika na vaš server koji vraća odgovor (HTML, CSS, JavaScript).
HTML (HyperText Markup Language)
HTML je osnovni jezik za izradu web stranica. Definira strukturu sadržaja na web stranici koristeći elemente poput naslova, odlomaka, slika, linkova i drugih. HTML dokumenti se sastoje od elemenata koji se pišu unutar `<tag>` oznaka.
Primjer osnovne HTML strukture:
<!DOCTYPE html> <html lang="hr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Moja Web Stranica</title> </head> <body> <h1>Dobrodošli na moju web stranicu</h1> <p>Ovo je primjer jednostavne HTML stranice.</p> </body> </html>
CSS (Cascading Style Sheets)
CSS se koristi za stiliziranje HTML elemenata. Omogućava definiranje boja, fontova, layouta i drugih stilskih svojstava. CSS se može pisati unutar HTML dokumenta ili u odvojenoj `.css` datoteci.
Primjer osnovnog CSS-a:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
color: #333;
}
p {
color: #666;
}
JavaScript
JavaScript je skriptni jezik koji omogućava dinamiku i interaktivnost na web stranicama. Koristi se za manipulaciju DOM-a (Document Object Model), validaciju formi, animacije i mnoge druge funkcionalnosti.
Primjer osnovnog JavaScript koda:
<script>
document.addEventListener('DOMContentLoaded', (event) => {
alert('Dobrodošli na moju web stranicu!');
});
</script>
PHP (Hypertext Preprocessor)
PHP je server-side skriptni jezik koji se koristi za izradu dinamičkih web stranica i aplikacija. Omogućava rad s bazama podataka, upravljanje sesijama, generiranje dinamičkog sadržaja i mnogo više.
Primjer osnovnog PHP koda:
<?php echo "Dobrodošli na moju PHP stranicu!"; ?>
MySQL
MySQL je sustav za upravljanje bazama podataka (RDBMS) koji se često koristi zajedno s PHP-om za pohranu i upravljanje podacima web aplikacija. Omogućava kreiranje, čitanje, ažuriranje i brisanje podataka pomoću SQL (Structured Query Language) upita.
Primjer osnovnog SQL upita:
CREATE DATABASE moja_baza;
CREATE TABLE korisnici (
id INT AUTO_INCREMENT PRIMARY KEY,
ime VARCHAR(50),
email VARCHAR(50)
);
INSERT INTO korisnici (ime, email) VALUES ('Ivan', 'ivan@example.com');
Hosting i VPS
Hosting i VPS (Virtual Private Server) su dvije opcije za smještaj web stranica.
– Hosting: Dijelite resurse servera (CPU, RAM, mreža) s drugim korisnicima. Jeftinija opcija pogodna za manje web stranice.
– VPS: Dobivate zajamčeni broj CPU jezgri i RAM memorije. Skuplja opcija, ali pruža više kontrole i stabilnosti.
Prednosti i nedostaci:
– Hosting:
- Prednosti: Niski troškovi, jednostavno za početnike.
- Nedostaci: Ograničeni resursi, manje kontrole.
– VPS:
- Prednosti: Više resursa, veća kontrola.
- Nedostaci: Viši troškovi, zahtijeva tehničko znanje.
Zaključak
Web programiranje obuhvaća širok spektar tehnologija i alata. Razumijevanje osnovnih pojmova kao što su HTML, CSS, JavaScript, PHP, MySQL, te kako funkcioniraju web serveri i hosting usluge, ključno je za izradu uspješnih web stranica i aplikacija. Kroz kontinuirano učenje i praksu, moguće je izgraditi napredne web projekte koji će zadovoljiti potrebe korisnika i poslovnih ciljeva.
