Εισαγωγή στη JavaScript και το Web Development

Η JavaScript είναι μία από τις πιο διαδεδομένες γλώσσες προγραμματισμού στον κόσμο και η βασική γλώσσα του Web. Μαζί με την HTML και την CSS, αποτελεί τον κορμό κάθε σύγχρονης ιστοσελίδας, προσφέροντας αλληλεπίδραση, δυναμικότητα και λειτουργικότητα.

Τι είναι η JavaScript;

Η JavaScript είναι μια γλώσσα προγραμματισμού που:

• Εκτελείται απευθείας στον browser του χρήστη.
• Επιτρέπει την αλληλεπίδραση με τον χρήστη (π.χ. κουμπιά, φόρμες, animation).
• Διαχειρίζεται το DOM (Document Object Model), δηλαδή τη δομή της ιστοσελίδας.
• Συνδέεται με servers για αποστολή και λήψη δεδομένων (π.χ. μέσω APIs).

Σε αντίθεση με την HTML (που ορίζει τη δομή) και την CSS (που καθορίζει την εμφάνιση), η JavaScript είναι υπεύθυνη για τη συμπεριφορά της ιστοσελίδας.

Ο ρόλος της στο Web Development

Η ανάπτυξη ιστοσελίδων χωρίζεται σε δύο βασικά μέρη:

1. Front-End Development

   • Χρήση HTML, CSS και JavaScript.
   • Δημιουργία της διεπαφής που βλέπει και αλληλεπιδρά ο χρήστης.
   • Παραδείγματα: κουμπιά, φόρμες, δυναμικά μενού, animation.

2. Back-End Development

   • Διαχείριση της λογικής, των δεδομένων και της βάσης.
   • Παραδοσιακά με γλώσσες όπως Java, Python, PHP, αλλά και με JavaScript μέσω Node.js.
   • Παραδείγματα: έλεγχος πρόσβασης, επεξεργασία δεδομένων, αποθήκευση σε βάση.

Η JavaScript είναι μοναδική γιατί μπορεί να χρησιμοποιηθεί και στο front-end και στο back-end, δίνοντας τη δυνατότητα για full-stack ανάπτυξη.

Πλεονεκτήματα JavaScript

• Ευρεία υποστήριξη – όλοι οι browsers την υποστηρίζουν.
• Τεράστιο οικοσύστημα – βιβλιοθήκες (React, Vue, Angular) και frameworks (Node.js, Express).
• Ευελιξία – από απλές ιστοσελίδες μέχρι πολύπλοκες web εφαρμογές.
• Μεγάλη κοινότητα – άφθονο υλικό μάθησης και υποστήριξης.

Παράδειγμα κώδικα

Ένα απλό παράδειγμα JavaScript που εμφανίζει μήνυμα όταν ο χρήστης πατήσει ένα κουμπί:

<button onclick="sayHello()">Κάνε κλικ</button>

<script>
  function sayHello() {
    alert("Γεια σου! Καλώς ήρθες στη JavaScript!");
  }
</script>