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

Πληκτρολογείς μια διεύθυνση στον browser και, σε λιγότερο από ένα δευτερόλεπτο, βλέπεις μια ολόκληρη σελίδα. Ανάμεσα σε αυτά τα δύο σημεία μεσολαβούν πέντε ξεκάθαρα βήματα.

Βήμα 1: DNS — «πού είναι αυτό;»

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

Βήμα 2: HTTP request — «δώσε μου τη σελίδα»

Ο browser στέλνει ένα GET request στον server που ζει σε αυτή την IP. Ουσιαστικά λέει: «θέλω την αρχική σου σελίδα».

Βήμα 3: Ο server απαντά

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

Βήμα 4: Ο browser χτίζει τη σελίδα

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

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

Βήμα 5: Rendering

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

Static ή dynamic

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

Με λίγα λόγια

• URL → DNS → IP του server.
• Ο browser στέλνει HTTP request, ο server απαντά με HTML.
• Ο browser κατεβάζει CSS και JavaScript και χτίζει τη σελίδα.
• Static = έτοιμα αρχεία· dynamic = ο server φτιάχνει το HTML τη στιγμή του request.