Merge branch 'master' into master

Author: ipapoutsidis

.gitignore

@@ -21,3 +21,4 @@ sftp-config.json
 Thumbs.db
 
 
+/svgs

1-js/01-getting-started/1-intro/article.md

@@ -21,7 +21,6 @@
 
 Το browser έχει ένα ενσωματωμένο JavaScript engine που συνηθως λέγεται "JavaScript virtual machine".
 
-
 Κάθε engine έχει δικό του "codename". Για παράδειγμά:
 
 - [V8](https://en.wikipedia.org/wiki/V8_(JavaScript_engine)) -- στο Chrome και Opera.
@@ -118,13 +117,3 @@
 - Η JavaScript δημιουργήθηκε αρχικά ως γλώσσα μόνο για πρόγραμμα περιήγησης, αλλά τώρα χρησιμοποιείται και σε πολλά άλλα περιβάλλοντα.
 - Σήμερα, η JavaScript έχει μια μοναδική θέση ως η πιο ευρέως υιοθετημένη γλώσσα προγράμματος περιήγησης με πλήρη ενσωμάτωση σε HTML / CSS. 
 - Υπάρχουν πολλές γλώσσες που "μεταδίδονται" στην JavaScript και παρέχουν ορισμένες λειτουργίες. Συνιστάται να τα ρίξετε μια ματιά, τουλάχιστον εν συντομία, εφόσον γίνεται ατσίδες στην JavaScript.
-
-- [CoffeeScript](http://coffeescript.org/) is a "syntactic sugar" for JavaScript. It introduces shorter syntax, allowing us to write clearer and more precise code. Usually, Ruby devs like it.
-- [TypeScript](http://www.typescriptlang.org/) is concentrated on adding "strict data typing" to simplify the development and support of complex systems. It is developed by Microsoft.
-- [Flow](http://flow.org/) also adds data typing, but in a different way. Developed by Facebook.
-- [Dart](https://www.dartlang.org/) is a standalone language that has its own engine that runs in non-browser environments (like mobile apps), but also can be transpiled to JavaScript. Developed by Google.
-- [Brython](https://brython.info/) is a Python transpiler to JavaScript that enables the writing of applications in pure Python without JavaScript.
-- JavaScript was initially created as a browser-only language, but it is now used in many other environments as well.
-- Today, JavaScript has a unique position as the most widely-adopted browser language with full integration in HTML/CSS.
-- There are many languages that get "transpiled" to JavaScript and provide certain features. It is recommended to take a look at them, at least briefly, after mastering JavaScript.
-

1-js/01-getting-started/1-intro/limitations.svg

@@ -17,9 +17,10 @@
 
 ## Εγχειρίδια
 
+
 - **MDN (Mozilla) JavaScript Reference** είναι ένα εγχειρίδιο με παραδείγματα και άλλες πληροφορίες. Είναι καλό να λάβετε σε βάθος πληροφορίες σχετικά με μεμονωμένες λειτουργίες γλώσσας, μεθόδους κλπ.
 
-    Μπορεί κανείς να το βρει στο <https://developer.mozilla.org/en-US/ docs/Web/JavaScript/Reference>.
+Μπορεί κανείς να το βρει στο <https://developer.mozilla.org/en-US/ docs/Web/JavaScript/Reference>.
 
     Αν και είναι καλύτερα να χρησιμοποιήσετε μια αναζήτηση στο Διαδίκτυο. Απλά χρησιμοποιήστε "MDN [όρος]" σαν ερώτημα, πχ. <https://google.com/search?q=MDN+parseInt> αναζήτηση σχετικά για το `parseInt` function.
 

1-js/01-getting-started/2-manuals-specifications/article.md

@@ -8,8 +8,10 @@
 
 Οι περισσότεροι προγραμματιστές κλίνουν προς το Chrome ή τον Firefox για ανάπτυξη, επειδή αυτά τα προγράμματα περιήγησης έχουν τα καλύτερα developer tools. Άλλα προγράμματα περιήγησης παρέχουν επίσης developer tools, μερικές φορές με ειδικές λειτουργίες, αλλά συνήθως προσπαθούν να  "προφτάσουν" στο Chrome ή τον Firefox. Έτσι, οι περισσότεροι προγραμματιστές έχουν ένα "αγαπημένο" πρόγραμμα περιήγησης και μεταβαίνουν σε άλλους, εάν ένα πρόβλημα είναι συγκεκριμένο για τον browser.
 
+
 Τα developer tools είναι ισχυρά, έχουν πολλά χαρακτηριστικά. Για να ξεκινήσετε, θα μάθουμε πώς να τα ανοίγουμε, να εξετάζουμε τα σφάλματα και να εκτελούμε τις εντολές της JavaScript.
 
+
 ## Google Chrome
 
 Ανοίξτε τη σελίδα [bug.html](bug.html).

1-js/01-getting-started/4-devtools/article.md

@@ -48,25 +48,33 @@ alert(3 +
 
 Το αποτέλεσμα του κώδικα είναι `6` επειδή το JavaScript δεν εισάγει εδώ ερωτηματικά. Είναι ολοφάνερο ότι αν η γραμμή τελειώσει με ένα συν `` + '', τότε είναι μια "ατελής έκφραση", οπότε δεν χρειάζεται το ερωτηματικό. Και σε αυτή την περίπτωση αυτό λειτουργεί όπως είχε προβλεφθεί.
 
+
 **Ωστόσο, υπάρχουν περιπτώσεις στις οποίες η JavaScript "αποτυγχάνει" να υποθέσει ένα ερωτηματικό όπου είναι πραγματικά απαραίτητο.**
 
 Τα σφάλματα που προκύπτουν σε τέτοιες περιπτώσεις είναι αρκετά δύσκολο να βρεθούν και να διορθωθούν.
 
 ````smart header="Aν example of an error"
 Αν είστε περίεργοι να δείτε ένα παράδειγμα ενός τέτοιου σφάλματος, ελέγξτε αυτόν τον κωδικό:
 
+
 ```js run
 [1, 2].forEach(alert)
 ```
 
 Δεν χρειάζεται να σκεφτούμε ακόμα την έννοια των παρενθέσεων `[]` και `forEach`. Θα τα μελετήσουμε αργότερα. Προς το παρόν, να θυμάστε μόνο το αποτέλεσμα του κώδικα: δείχνει `1` και ` 2`.
 
 Τώρα, ας προσθέσουμε ενα  «alert» πριν από τον κώδικα και * όχι * να τελειώσει με ένα ερωτηματικό:
+=======
+```js run
+alert("Hello");
+
+[1, 2].forEach(alert);
+```
 
 ```js run no-beautify
-alert("There will be an error")
+alert("Hello")
 
-[1, 2].forEach(alert)
+[1, 2].forEach(alert);
 ```
 
 Τώρα, εάν εκτελέσουμε τον κώδικα, εμφανίζεται μόνο το πρώτo 'alert' και στη συνέχεια έχουμε ένα σφάλμα!
@@ -75,22 +83,20 @@ Eάν προσθέσουμε ένα ερωτηματικό μετά `alert` τό
 ```js run
 alert("All fine now");
 
-[1, 2].forEach(alert)  
-```
 
-Τώρα έχουμε το μήνυμα "All fine now" που ακολουθείται από το "1" και το "2".
+If we run this code, only the first `Hello` shows (and there's an error, you may need to open the console to see it). There are no numbers any more.
 
+Τώρα έχουμε το μήνυμα "All fine now" που ακολουθείται από το "1" και το "2".
 
 Το σφάλμα στην εκδοχή χωρίς ερωτηματικό εμφανίζεται επειδή η JavaScript δεν υποθέτει ένα ερωτηματικό πριν τις αγκύλες `[...]`.
 
 Επομένως, επειδή το ερωτηματικό δεν εισάφεται αυτόματα, ο κώδικας στο παράδειγμα αντιμετωπίζεται ως μία μόνο δήλωση. Δείτε πώς το βλέπει το JavaScript engine:
 
 ```js run no-beautify
-alert("There will be an error")[1, 2].forEach(alert)
+alert("Hello")[1, 2].forEach(alert);
 ```
 
 Αλλά θα πρέπει να είναι δύο χωριστές δηλώσεις, όχι μία. Μια τέτοια συγχώνευση, στην περίπτωση αυτή, είναι απλώς λανθασμένη, εξ ου και το σφάλμα. Αυτό μπορεί να συμβεί και σε άλλες περιπτώσεις.
-````
 
 Συνιστούμε να τοποθετείτε ερωτηματικά μεταξύ δηλώσεων ακόμα και αν διαχωρίζονται από νέες γραμμές. Αυτός ο κανόνας υιοθετείται ευρέως από την κοινότητα. Ας σημειώσουμε για μια ακόμη φορά - * είναι δυνατόν * να αφήνουμε τα ερωτηματικά τις περισσότερες φορές. Αλλά είναι ασφαλέστερο - ειδικά για έναν αρχάριο - να τα χρησιμοποιήσει.
 
@@ -157,4 +163,4 @@ alert( 'World' );
 
 Τα σχόλια αυξάνουν το συνολικό αποτύπωμα κώδικα, αλλά αυτό δεν είναι καθόλου πρόβλημα. Υπάρχουν πολλά εργαλεία που ελαχιστοποιούν τον κώδικα πριν από τη δημοσίευση σε έναν διακομιστή παραγωγής. Καταργούν σχόλια, επομένως δεν εμφανίζονται στα scr εργασίας. Συνεπώς, οι παρατηρήσεις δεν έχουν καθόλου αρνητικές επιπτώσεις στην παραγωγή.
 
-Αργότερα στο σεμινάριο <info:code-quality>, θα υπάρχει ένα κεφάλαιο που εξηγεί επίσης πώς να γράψετε καλύτερα σχόλια.
+Αργότερα στο σεμινάριο <info:code-quality>, θα υπάρχει ένα κεφάλαιο που εξηγεί επίσης πώς να γράψετε καλύτερα σχόλια.

1-js/02-first-steps/02-structure/article.md

@@ -23,7 +23,7 @@ let message;
 ```js
 let message;
 
-*!*
+
 message = 'Hello'; // αποθήκευσης μιας συμβολοσειράς
 */!*
 ```
@@ -232,7 +232,7 @@ num = 5; // η μεταβλητή "num" έχει δημιουργηθεί εφό
 alert(num); // 5
 ```
 
-Αυτή είναι μια κακή πρακτική και θα προκαλούσε σφάλμα στην strict mode:
+Αυτή είναι μια κακή πρακτική και θα προκαλούσε σφάλμα στην strict mode:
 
 ```js
 "use strict";
@@ -266,7 +266,7 @@ myBirthday = '01.01.2001'; // σφάλμα, δεν ξανα αναθέτουμε
 
 Υπάρχει μια ευρέως διαδεδομένη πρακτική να χρησιμοποιείτε σταθερές ως ψευδώνυμα για τιμές που είναι  δύσκολα στη απομνημονευση πριν από την εκτέλεση.
 
-Αυτές τις μεταβλητές τις δηλώσουμε με κεφαλαία γράμματα και κάτω παύλες.
+Αυτές τις μεταβλητές τις δηλώσουμε με κεφαλαία γράμματα και κάτω παύλες.
 
 Για παράδειγμα, ας φτιάξουμε σταθερές για χρώματα, επονομαζόμενa "web" (δεκαεξαδική) μορφή:
 
@@ -302,7 +302,7 @@ const pageLoadTime = /* ο χρόνος που χρειάζεται για να
 
 ## Να λεμε τα πράγματα με το ονομά τους 
 
-Μιλώντας για μεταβλητές, υπάρχει ένα ακόμη πολύ σημαντικό γεγονός.
+Μιλώντας για μεταβλητές, υπάρχει ένα ακόμη πολύ σημαντικό γεγονός.
 
 Ένα όνομα μεταβλητής πρέπει να έχει καθαρό, με προφανές νόημα, που περιγράφει τα δεδομένα που αποθηκεύει.
 
@@ -319,7 +319,7 @@ const pageLoadTime = /* ο χρόνος που χρειάζεται για να
 - Κάντε ονόματα με μέγιστο περιγραφικό και συνοπτικό τρόπο. Παραδείγματα κακών ονομάτων είναι `δεδομένα` και `τιμή`. Τέτοια ονόματα δεν λένε τίποτα. Είναι να τα χρησιμοποιείτε σωστά, μόνο εάν το περιεχόμενο του κώδικα το καθιστά εξαιρετικά προφανές σε ποια δεδομένα ή αξία αναφέρεται η μεταβλητή.
 - Συμφωνείτε με όρους εντός της ομάδας σας και στο μυαλό σας. Εάν ένας επισκέπτης ιστότοπου ονομάζεται "χρήστης", θα πρέπει να ονομάσουμε σχετικές μεταβλητές "currentUser" ή "newUser" αντί για "currentVisitor" ή "newManInTown".
 
-Ακούγεται απλό; Πράγματι είναι, αλλά η δημιουργία περιγραφικών και συνοπτικών ονομασίων μεταβλητών στην πράξη δεν είναι. Κάντε το.
+Ακούγεται απλό; Πράγματι είναι, αλλά η δημιουργία περιγραφικών και συνοπτικών ονομασίων μεταβλητών στην πράξη δεν είναι. Κάντε το.
 
 ```smart header="Επαναχρησιμοποιηση ή δημιουργία?"
 Και η τελευταία νότα. Υπάρχουν μερικοί τεμπέληδες προγραμματιστές που, αντί να δηλώνουν νέες μεταβλητές, τείνουν να επαναχρησιμοποιούν τις υπάρχουσες.
@@ -341,4 +341,4 @@ const pageLoadTime = /* ο χρόνος που χρειάζεται για να
 - `var` -- είναι παλιός τρόπος δήλωση της μεταβλητής. Κανονικά δεν το χρησιμοποιούμε καθόλου, αλλά θα καλύψουμε τις λεπτές διαφορές από το `let` στο κεφάλαιο <info:var>, σε περίπτωση που τα χρειάζεστε.
 - `const` --είναι όπως η `let`, αλλά η τιμή της δεν αλλάζει.
 
-Οι μεταβλητές πρέπει να ονομάζονται με τέτοιο τρόπο ώστε να μας επιτρέπει να κατανοήσουμε εύκολα τι υπάρχει μέσα τους.
+Οι μεταβλητές πρέπει να ονομάζονται με τέτοιο τρόπο ώστε να μας επιτρέπει να κατανοήσουμε εύκολα τι υπάρχει μέσα τους.