Πώς λειτουργεί ένα website;

Από το URL στην οθόνη σου

Πληκτρολογείς μια διεύθυνση στον browser. Σε λιγότερο από ένα δευτερόλεπτο, βλέπεις μια ολόκληρη σελίδα. Τι ακριβώς έγινε;

Βήμα 1: DNS — "Πού είναι αυτό;"

Ο browser δεν ξέρει πού είναι το site. Ρωτάει το DNS (Domain Name System) — τον "τηλεφωνικό κατάλογο" του internet. Το DNS επιστρέφει μια IP διεύθυνση, π.χ. 93.184.216.34.

Βήμα 2: HTTP Request — "Δώσε μου τη σελίδα"

Ο browser στέλνει ένα GET request στον server που βρίσκεται σε αυτή την IP. Ουσιαστικά λέει: "Θέλω την αρχική σελίδα του site σου."

Βήμα 3: Server — "Να την"

Ο server δέχεται το request. Αν η σελίδα είναι στατική, στέλνει απευθείας HTML. Αν είναι δυναμική (π.χ. WordPress, Next.js), τρέχει κώδικα, ρωτάει ίσως τη βάση δεδομένων, και φτιάχνει το HTML που θα στείλει.

Βήμα 4: Browser — "Ας το χτίσω"

Ο browser παίρνει το HTML και αρχίζει να χτίζει τη σελίδα. Βλέπει ότι χρειάζεται CSS για στυλ και JavaScript για λειτουργικότητα — κάνει επιπλέον requests για αυτά.

• HTML — η δομή (τίτλοι, παράγραφοι, εικόνες)
• CSS — η εμφάνιση (χρώματα, γραμματοσειρές, layout)
• JavaScript — η συμπεριφορά (κλικ, animations, API calls)

Βήμα 5: Render

Ο browser συνδυάζει HTML + CSS + JS και εμφανίζει τη σελίδα. Αυτή η διαδικασία λέγεται rendering.

Static vs Dynamic

Ένα static site στέλνει πάντα τα ίδια αρχεία — γρήγορο, απλό, φθηνό hosting. Ένα dynamic site φτιάχνει το HTML κάθε φορά — μπορεί να δείξει personalized περιεχόμενο, αλλά χρειάζεται server.

Takeaway

• URL → DNS → IP του server
• Browser στέλνει HTTP request, server απαντά με HTML
• Browser κατεβάζει CSS και JS, χτίζει τη σελίδα
• Static = έτοιμα αρχεία, Dynamic = ο server φτιάχνει το HTML