Updated asynchronus category

Author: adreaskar

docs-language/asynchronous/2. callbacks.md

@@ -1,6 +1,8 @@
 # Callbacks
 
-Οι **Callbacks** είναι ο παραδοσιακός τρόπος διαχείρισης ασύγχρονων λειτουργιών στη JavaScript. Μια `callback` είναι μια συνάρτηση που περνιέται ως παράμετρος σε μια άλλη συνάρτηση και καλείται όταν ολοκληρωθεί η ασύγχρονη λειτουργία. Ας δούμε κάποια παραδείγματα:
+Οι **Callbacks** είναι ο παραδοσιακός τρόπος διαχείρισης ασύγχρονων λειτουργιών στη JavaScript.
+
+Μια `callback` είναι μια συνάρτηση που περνιέται ως παράμετρος σε μια άλλη συνάρτηση και καλείται όταν ολοκληρωθεί η ασύγχρονη λειτουργία. Ας δούμε κάποια παραδείγματα:
 
 ```javascript
 function greet(name, callback) {
@@ -21,6 +23,8 @@ greet('Maria', sayGoodbye);
 
 Στο παράδειγμα αυτό, η `sayGoodBye` δίνεται ως callback στη `greet`, η οποία την καλεί μετά τον χαιρετισμό.
 
+Ας δούμε ένα πιο ρεαλιστικό παράδειγμα με ασύγχρονη λειτουργία:
+
 ```javascript
 function fetchData(callback) {
     console.log('Λήψη δεδομένων...');
@@ -43,16 +47,22 @@ fetchData(processData);
 // Επεξεργασία δεδομένων...
 ```
 
-:::info `setTimeout`
-Η `setTimeout` είναι μια ενσωματωμένη συνάρτηση της JavaScript που καθυστερεί την εκτέλεση κώδικα για συγκεκριμένο χρονικό διάστημα. Στο παραπάνω παράδειγμα, η `setTimeout` προσομοιώνει μια ασύγχρονη λειτουργία (π.χ. αίτημα δικτύου) που διαρκεί 2000 milliseconds (2 δευτερόλεπτα). Είναι ένα από τα πιο απλά παραδείγματα ασύγχρονου κώδικα στη JavaScript.
-:::
+Στο παραπάνω παράδειγμα, η `fetchData` προσομοιώνει μια ασύγχρονη λειτουργία (π.χ. λήψη δεδομένων από έναν διακομιστή) χρησιμοποιώντας την `setTimeout`.
+
+Μόλις ολοκληρωθεί η λήψη, καλεί την `processData` ως callback για να επεξεργαστεί τα δεδομένα.
 
-Σε αυτό το παράδειγμα η επεξεργασία δεδομένων (μέσω της `processData`) εκτελείται μόνο αφού ολοκληρωθεί η λήψη δεδομένων (μέσω της `fetchData`), αξιοποιώντας έτσι την ασύγχρονη συμπεριφορά.
+:::info[Σημείωση]
+
+Η `setTimeout` είναι μια ενσωματωμένη συνάρτηση της JavaScript που καθυστερεί την εκτέλεση κώδικα για συγκεκριμένο χρονικό διάστημα. Στο παραπάνω παράδειγμα, η `setTimeout` προσομοιώνει μια ασύγχρονη λειτουργία (π.χ. αίτημα δικτύου) που διαρκεί 2000 milliseconds (2 δευτερόλεπτα).
+
+:::
 
 ## Χειρισμός Σφαλμάτων
 
 Στις callbacks χρησιμοποιούμε το μοτίβο **error-first** όπου το πρώτο όρισμα της `callback` είναι το σφάλμα (error) και το δεύτερο τα δεδομένα (data).
 
+Για παράδειγμα:
+
 ```javascript
 const getUser = (id, callback) => {
     if (id <= 0) {
@@ -81,6 +91,10 @@ getUser(-123, (error, user) => {
 });
 ```
 
+Στο παράδειγμα αυτό, η `getUser` καλεί την `callback` με ένα σφάλμα αν το `id` είναι μη έγκυρο (μικρότερο ή ίσο του μηδενός).
+
+Όταν καλούμε την `getUser`, ορίζουμε και την λειτουργία της `callback` ώστε να χειριστεί τόσο το σφάλμα όσο και τα δεδομένα.
+
 ## Συνηθισμένες Χρήσεις
 
 Οι callbacks χρησιμοποιούνται συχνά σε:
@@ -98,27 +112,31 @@ document.getElementById('button').addEventListener('click', () => {
 });
 ```
 
+Στο πρώτο παράδειγμα, η `readFile` χρησιμοποιεί μια callback για να χειριστεί το αποτέλεσμα της ανάγνωσης αρχείου.
+
+Στο δεύτερο παράδειγμα, μια callback χρησιμοποιείται για να χειριστεί το συμβάν κλικ σε ένα κουμπί.
+
 ## Callback hell
 
-Ωστόσο, οι callbacks μπορούν να οδηγήσουν σε **callback hell** (ή **pyramid of doom**) όταν έχουμε πολλές ένθετες ασύγχρονες λειτουργίες:
+Οι callbacks μπορούν συχνά να οδηγήσουν σε **callback hell** (ή **pyramid of doom**) όταν έχουμε πολλές εμφωλευμένες ασύγχρονες λειτουργίες:
 
 ```javascript
 fetchUserData((error, userData) => {
     if (error) {
-        console.error('Σφάλμα κατά την ανάκτηση δεδομένων χρήστη:', error);
+        console.error('Σφάλμα στην ανάκτηση δεδομένων χρήστη:', error);
         return;
     }
     getUserPosts(userData.id, (error, posts) => {
         if (error) {
-            console.error('Σφάλμα κατά την ανάκτηση αναρτήσεων:', error);
+            console.error('Σφάλμα στην ανάκτηση αναρτήσεων:', error);
             return;
         }
         getPostComments(posts[0].id, (error, comments) => {
             if (error) {
-                console.error('Σφάλμα κατά την ανάκτηση σχολίων:', error);
+                console.error('Σφάλμα στην ανάκτηση σχολίων:', error);
                 return;
             }
-            // Αυτή η ένθετη δομή μπορεί να γίνει δύσκολα διαχειρίσιμη
+            // Αυτή η εμφωλευμένη δομή μπορεί να γίνει δύσκολα διαχειρίσιμη
         });
     });
 });
@@ -132,30 +150,30 @@ fetchUserData((error, userData) => {
 
 ## Βελτίωση της Αναγνωσιμότητας των Callbacks
 
-Υπάρχουν καλές πρακτικές που μπορούμε να ακολουθήσουμε για να βελτιώσουμε την αναγνωσιμότητα του κώδικα με callbacks. Μία από αυτές είναι να χρησιμοποιούμε **Ονομασμένες Συναρτήσεις** (Named Functions).
+Υπάρχουν καλές πρακτικές που μπορούμε να ακολουθήσουμε για να βελτιώσουμε την αναγνωσιμότητα του κώδικα με callbacks.
 
-### Ονομασμένες Συναρτήσεις
+Μία από αυτές είναι να χρησιμοποιούμε **ονομασμένες συναρτήσεις** (named functions). Στην ουσία, αντί να ορίζουμε ανώνυμες συναρτήσεις απευθείας μέσα στις κλήσεις, μπορούμε να δημιουργήσουμε ξεχωριστές ονομασμένες συναρτήσεις για κάθε βήμα της διαδικασίας.
 
 ```javascript
 const handleUserData = (error, userData) => {
     if (error) {
-        console.error('Σφάλμα κατά την ανάκτηση δεδομένων χρήστη:', error);
+        console.error('Σφάλμα στην ανάκτηση δεδομένων χρήστη:', error);
         return;
     }
     getUserPosts(userData.id, handlePosts);
 };
 
 const handlePosts = (error, posts) => {
     if (error) {
-        console.error('Σφάλμα κατά την ανάκτηση αναρτήσεων:', error);
+        console.error('Σφάλμα στην ανάκτηση αναρτήσεων:', error);
         return;
     }
     getPostComments(posts[0].id, handleComments);
 };
 
 const handleComments = (error, comments) => {
     if (error) {
-        console.error('Σφάλμα κατά την ανάκτηση σχολίων:', error);
+        console.error('Σφάλμα στην ανάκτηση σχολίων:', error);
         return;
     }
     console.log('Σχόλια:', comments);
@@ -166,7 +184,7 @@ fetchUserData(handleUserData);
 
 Η διαφορά μεταξύ των δύο προσεγγίσεων μπορεί να απεικονιστεί ως εξής:
 
-**Callback Hell (Πυραμίδα 🔺)**
+**Callback Hell:**
 
 ```
 fetchUserData(
@@ -178,7 +196,7 @@ fetchUserData(
 )
 ```
 
-**Ονομασμένες Συναρτήσεις (Αλυσίδα 🔗)**
+**Ονομασμένες Συναρτήσεις:**
 
 ```
 fetchUserData → handleUserData
@@ -190,7 +208,7 @@ fetchUserData → handleUserData
                          getPostComments → handleComments
 ```
 
-Η προσέγγιση με ονομασμένες συναρτήσεις δημιουργεί μια οριζόντια ροή αντί για μια βαθιά ένθετη δομή, κάνοντας τον κώδικα πιο ευανάγνωστο και ευκολότερο στη συντήρηση.
+Η προσέγγιση με ονομασμένες συναρτήσεις δημιουργεί μια οριζόντια ροή αντί για μια εμφωλευμένη δομή, κάνοντας τον κώδικα πιο ευανάγνωστο και ευκολότερο στη συντήρηση.
 
 ## Σύγκριση με Σύγχρονες Προσεγγίσεις
 
@@ -200,10 +218,12 @@ fetchUserData → handleUserData
 | ------------- | ----------------------------------------------------- | ------------------------------------------- |
 | `Callbacks`   | Απλή υλοποίηση, ευρεία υποστήριξη                     | Callback hell, δύσκολος χειρισμός σφαλμάτων |
 | `Promises`    | Αλυσιδωτές λειτουργίες, καλύτερος χειρισμός σφαλμάτων | Πιο περίπλοκη σύνταξη από τα callbacks      |
-| `Async/Await` | Συγχρονική σύνταξη, εύκολη ανάγνωση                   | Απαιτεί κατανόηση των Promises              |
+| `async/await` | Συγχρονική σύνταξη, εύκολη ανάγνωση                   | Απαιτεί κατανόηση των Promises              |
+
+:::tip[Συμβουλή]
 
-:::tip Συμβουλή
 Παρόλο που οι callbacks θεωρούνται παλαιότερη τεχνολογία, είναι σημαντικό να τις κατανοήσουμε καθώς πολλές βιβλιοθήκες και APIs εξακολουθούν να τις χρησιμοποιούν.
+
 :::
 
 Στην επόμενη ενότητα, θα εξετάσουμε τα `Promises`, που προσφέρουν έναν πιο κομψό τρόπο διαχείρισης ασύγχρονων λειτουργιών.