diff options
Diffstat (limited to 'files/el/learn/javascript')
| -rw-r--r-- | files/el/learn/javascript/index.html | 55 | ||||
| -rw-r--r-- | files/el/learn/javascript/πρώτα_βήματα/index.html | 66 |
2 files changed, 121 insertions, 0 deletions
diff --git a/files/el/learn/javascript/index.html b/files/el/learn/javascript/index.html new file mode 100644 index 0000000000..1730d9953f --- /dev/null +++ b/files/el/learn/javascript/index.html @@ -0,0 +1,55 @@ +--- +title: JavaScript +slug: Learn/JavaScript +translation_of: Learn/JavaScript +--- +<div class="note"><span style="background-color: #ffffff; font-size: 14px;">Κατά τη μετάφραση αυτού του κειμένου η ορολογία δεν μεταφράζεται, όταν κάποιος όρος στην αγγλική δεν είναι κατανοητός μπορείται να τον αναζητήσετε στο internet ή στο Glossar**. **Θα υλοποιηθεί σταδιακά.</span></div> + +<p class="summary">Η JavaScript είναι μια γλώσσα προγραμματισμού που επιτρέπει να υλοποιήσετε σύνθετες ενέργειες σε ιστοσελίδες - κάθε φορά που μια ιστοσελίδα κάνει περισσότερα από το να προβάλει στατικό περιεχόμενο - περιέχει δηλαδή έγκαιρα ενημερωμένο περιεχόμενο, ή χάρτες με αλληλεπίδραση ή κινούμενα 2D/3D γραφικά ή κυλιόμενα βίντεο, jukeboxes, κλπ. - μπορείται να στοιχηματίσεται ότι είναι πολύ πιθανό να περιλαμβάνει javascript.</p> + +<h3 id="Διαδρομές_μάθησης"><strong>Διαδρομές μάθησης</strong></h3> + +<p>Η εκμάθηση της JavaScript είναι αποδεδειγμένα δυσκολότερη από άλλες σχετικές τεχνολογίες όπως <a href="/en-US/docs/Learn/HTML">HTML</a> και <a href="/en-US/docs/Learn/CSS">CSS</a>. Πριν προσπαθήσετε να μάθετε JavaScript, πρέπει να είστε εξοικοιωμένοι τουλάχιστο με αυτές τις 2 τεχνολογίες (HTM, CSS), ή και άλλες. Ξεκίνηστε δουλεύοντα στις παρακάτω ενότητες:</p> + +<ul> + <li><a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the Web</a></li> + <li><a href="/en-US/docs/Web/Guide/HTML/Introduction">Introduction to HTML</a></li> + <li><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Introduction to CSS</a></li> +</ul> + +<p>Προηγούμενη εμπειρία με άλλες γλώσσες προγραμματισμού μπορεί να σας βοηθήσει.</p> + +<p>Αφού εξοικιωθείται με τα βασικά της javascript, θα είστε σε θέση να μάθεται περισσότερα για πιο προχωρημένα θέματα, πχ:</p> + +<ul> + <li>JavaScript in depth, as taught in our <a href="/en-US/docs/Web/JavaScript/Guide">JavaScript guide</a></li> + <li><a href="/en-US/docs/Web/API">HTML5 APIs</a></li> +</ul> + +<h3 id="ΕΝΟΤΗΤΕΣ"><strong>ΕΝΟΤΗΤΕΣ</strong></h3> + +<p>Αυτό το θέμα περιέχει τις ακόλουθες ενότητες και προτείνεται να ακολουθήσετε την σειρά τους κατά τη μελέτη σας. </p> + +<dl> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a></dt> + <dd>Στην πρώτο κεφάλαιο, απαντούνται κάποιες βασικές ερωτήσεις όπως "Τι είναι η javascript;" , "Πως εμφανίζεται;", και "Τι μπορείται να κάνετε με αυτήν;", πριν ξεκινήσετε με τα πρώτα παραδείγματα κώδικα. Μετά από αύτό θα αναφερθούν κάποιες βασικά χαρακτηριστικά της γλώσσας με λεπτομέρειες, όπως μεταβλητές (variables), συμβολοσειρές (strings), αριθμοί (numbers) και λίστες (arrays). </dd> + <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript building blocks</a></dt> + <dd>Σε αυτό το κεφάλαιο συνεχίζεται η κάλυψη των βασικών χαρακτηριστικών της γλώσσας με έμφαση στους συχνότερα συναντώμενους τύπους μποκ κώδικα όπως είναι υποθέσεις (conditional statements), επαναλήψει (loops), συναρτήσεις (functions), και συμβάντα (events). Εάν έχετε ήδη συναντήσει τα παραπάνω, εδώ θα αναπτυχθούν με λεπτομέρεια.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/Objects">Introducing JavaScript objects</a></dt> + <dd>Στη javascript πολλά πράγματα είναι αντικείμενα (objects), από βασικά στοιχεία της γλώσσας όπως string και arrays μέχρι τα APIs του browser. Μπορείτε επίσης να δημιουργήσετε δικά σας αντικείμενα στα οποία να βάλετε συναρτήσεις και μεταβλητές δημιουργώντας αποτελεσματικό κώδικα. Η αντικειμενοστρεφής φύση της γλώσσας πρέπει να γίνει κατανοητή για να επεκτείνεται τις γνώσεις σας και να γράψετε αποτελεσματικό κώδικα. Γιαυτό έχει δημιουργηθεί και αυτό το κεφάλαιο για να σας βοηθήσει. Εδώ θα διδαχθείται τη θεωρία των αντικειμένων τη σύνταξή τους λεπτομερειακά, θα δείτε πω να κάνετε τα δικά σας αντικείμενα και επεξηγείται τι είναι τα JSON data και πως να δουλεύετε με αυτά.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">Client-side web APIs</a></dt> + <dd>When writing client-side JavaScript for web sites or applications, you won't go very far before you start to use APIs — interfaces for manipulating different aspects of the browser and operating system the site is running on, or even data from other web sites or services. In this module we will explore what APIs are, and how to use some of the most common APIs you'll come across often in your development work. </dd> +</dl> + +<h2 id="Solving_common_JavaScript_problems">Solving common JavaScript problems</h2> + +<p><a href="/en-US/docs/Learn/JavaScript/Howto">Use JavaScript to solve common problems</a> provides links to sections of content explaining how to use JavaScript to solve very common problems when creating a webpage.</p> + +<h2 id="See_also">See also</h2> + +<dl> + <dt><a href="/en-US/docs/Web/JavaScript">JavaScript on MDN</a></dt> + <dd>The main entry point for core JavaScript documentation on MDN — this is where you'll find extensive reference docs on all aspects of the JavaScript language, and some advanced tutorials aimed at experienced JavaScripters.</dd> + <dt><a href="https://www.youtube.com/user/codingmath">Coding math</a></dt> + <dd>An excellent series of video tutorials to teach the math you need to understand to be an effective programmer, by <a href="https://twitter.com/bit101">Keith Peters</a>.</dd> +</dl> diff --git a/files/el/learn/javascript/πρώτα_βήματα/index.html b/files/el/learn/javascript/πρώτα_βήματα/index.html new file mode 100644 index 0000000000..f6ecf9065d --- /dev/null +++ b/files/el/learn/javascript/πρώτα_βήματα/index.html @@ -0,0 +1,66 @@ +--- +title: Τα Πρώτα Βήματα στη JavaScript +slug: Learn/JavaScript/Πρώτα_βήματα +tags: + - JavaScript + - Άρθρο + - Αξιολόγηση + - Αριθμοί + - Αρχάριος + - Ενότητα + - Μεταβλητές + - Οδηγός + - Πίνακες + - Συμβολοσειρές + - μαθηματικά + - προγραμματισμός + - τελεστές +translation_of: Learn/JavaScript/First_steps +--- +<div>{{LearnSidebar}}</div> + +<p class="summary">Στην πρώτη ενότητα της JavaScript, απαντούμε πρώτα σε μερικές θεμελιώδεις ερωτήσεις όπως "τι είναι η JavaScript;", "πώς μοιάζει;" και "τι μπορεί να κάνει;", προτού προχωρήσουμε στην πρώτη σας πρακτική εμπειρία συγγραφής JavaScript. Μετά από αυτό, συζητάμε λεπτομερώς μερικά βασικά δομικά στοιχεία , όπως μεταβλητές, αλφαριθμητικά, αριθμούς και πίνακες.</p> + +<h2 id="Προϋποθέσεις">Προϋποθέσεις</h2> + +<p>Πριν ξεκινήσετε αυτήν την ενότητα, δεν χρειάζεστε προηγούμενη γνώση της JavaScript, αλλά θα πρέπει να έχετε κάποια εξοικείωση με την HTML και το CSS. Συνιστάται να εργαστείτε μέσω των παρακάτω ενοτήτων πριν ξεκινήσετε με τη JavaScript:</p> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Ξεκινώντας με τον Ιστό</a> (που περιλαμβάνει μια πραγματικά <a href="/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics">βασική εισαγωγή JavaScript</a>).</li> + <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Εισαγωγή στην HTML</a>.</li> + <li><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS">Εισαγωγή στο CSS</a>.</li> +</ul> + +<div class="note"> +<p><strong>Σημείωση</strong>: Εάν εργάζεστε σε έναν υπολογιστή / ταμπλέτα / άλλη συσκευή όπου δεν έχετε τη δυνατότητα να δημιουργήσετε τα δικά σας αρχεία, μπορείτε να δοκιμάσετε (τα περισσότερα) παραδείγματα κώδικα σε ένα online πρόγραμμα κωδικοποίησης όπως το <a href="http://jsbin.com/">JSBin</a> ή το <a href="https://thimble.mozilla.org/">Thimble</a>.</p> +</div> + +<h2 id="Οδηγοί">Οδηγοί</h2> + +<dl> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript">Τί είναι η JavaScript</a>;</dt> + <dd>Καλώς ορίσατε στο μάθημα JavaScript για αρχάριους του MDN! Σε αυτό το πρώτο άρθρο θα εξετάσουμε τη JavaScript από ένα υψηλό επίπεδο, απαντώντας σε ερωτήσεις όπως "τι είναι;" και "τι κάνει;" και να βεβαιωθείτε ότι είστε άνετοι με το σκοπό της JavaScript.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/A_first_splash">Μια πρώτη ματιά στη JavaScript</a></dt> + <dd>Τώρα που έχετε μάθει μερικά πράγματα σχετικά με τη θεωρία της JavaScript και τι μπορείτε να κάνετε με αυτή, θα σας δώσουμε μια σειρά μαθημάτων με τα βασικά χαρακτηριστικά της JavaScript μέσω ενός πλήρως πρακτικού οδηγού. Εδώ θα δημιουργήσετε ένα απλό παιχνίδι "Μάντεψε τον αριθμό", βήμα προς βήμα.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/What_went_wrong">Τι πήγε λάθος; Αντιμετώπιση προβλημάτων στη JavaScript</a></dt> + <dd>Όταν δημιουργήσατε το παιχνίδι "Μάντεψε τον αριθμό" στο προηγούμενο άρθρο, μπορεί να διαπιστώσατε ότι δεν λειτούργησε. Μην φοβηθείτε - αυτό το άρθρο στοχεύει να σας εξοικονομήσει από το βγάλσιμο των μαλλιών σας πάνω από τέτοια προβλήματα, παρέχοντάς σας μερικές απλές συμβουλές για το πώς μπορείτε να βρείτε και να διορθώσετε σφάλματα σε προγράμματα JavaScript.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Variables">Αποθήκευση των πληροφοριών που χρειάζεστε - Μεταβλητές</a></dt> + <dd>Αφού διαβάσατε τα τελευταία άρθρα, πρέπει τώρα να είστε σε θέση να γνωρίζετε τι είναι η JavaScript, τι μπορεί να κάνει για εσάς, πώς την χρησιμοποιείτε παράλληλα με άλλες τεχνολογίες ιστού και ποια είναι τα βασικά χαρακτηριστικά της από ένα υψηλό επίπεδο. Σε αυτό το άρθρο θα φτάσουμε στα πραγματικά βασικά, εξετάζοντας πώς να δουλέψουμε με τα πιο βασικά δομικά στοιχεία της JavaScript - Μεταβλητές.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Math">Βασικά μαθηματικά σε JavaScript - αριθμοί και τελεστές </a></dt> + <dd>Σε αυτό το σημείο του μαθήματος συζητάμε για τα μαθηματικά στη JavaScript - πώς μπορούμε να συνδυάσουμε τους τελεστές και άλλα χαρακτηριστικά για να χειριστούμε επιτυχώς τους αριθμούς.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Strings">Χειρισμός κειμένου - συμβολοσειρές στη JavaScript</a></dt> + <dd>Στη συνέχεια θα στρέψουμε την προσοχή μας σε συμβολοσειρές - έτσι λέγονται κομμάτια κειμένου στον προγραμματισμό. Σε αυτό το άρθρο θα εξετάσουμε όλα τα συνηθισμένα πράγματα που πρέπει να γνωρίζετε σχετικά με τις συμβολοσειρές κατά την εκμάθηση της JavaScript, όπως η δημιουργία συμβολοσειρών, η διαφυγή εισαγωγικών σε συμβολοσειρές και η σύνδεσή τους μαζί.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Useful_string_methods">Χρήσιμες μέθοδοι συμβολοσειρών</a></dt> + <dd>Τώρα εξετάσαμε τα βασικά στοιχεία των συμβολοσειρών, ας ανεβάσουμε ταχύτητα και ας αρχίσουμε να σκεφτόμαστε τι χρήσιμες λειτουργίες μπορούμε να κάνουμε σε συμβολοσειρές με ενσωματωμένες μεθόδους, όπως η εύρεση του μήκους μιας συμβολοσειράς κειμένου, η ένωση και η διαίρεση των συμβολοσειρών, αντικαθιστώντας ένα χαρακτήρα σε μια συμβολοσειρά με έναν άλλο και πολλά άλλα.</dd> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Arrays">Πίνακες</a></dt> + <dd>Στο τελευταίο άρθρο αυτής της ενότητας, θα εξετάσουμε τους πίνακες - ένας τακτικός τρόπος αποθήκευσης μιας λίστας στοιχείων δεδομένων κάτω από ένα ενιαίο όνομα μεταβλητής. Εδώ εξετάζουμε γιατί αυτό είναι χρήσιμο, στη συνέχεια θα διερευνήσουμε πώς να δημιουργήσουμε ένα πίνακα, να ανακτήσουμε, να προσθέσουμε και να αφαιρέσουμε στοιχεία που είναι αποθηκευμένα σε έναν πίνακα και πολλά άλλα.</dd> +</dl> + +<h2 id="Αξιολόγηση">Αξιολόγηση</h2> + +<p>Η παρακάτω αξιολόγηση θα ελέγξει την κατανόησή σας στα βασικά της JavaScript που καλύπτονται στους παραπάνω οδηγούς.</p> + +<dl> + <dt><a href="/en-US/docs/Learn/JavaScript/First_steps/Silly_story_generator">Ανόητη γεννήτρια ιστοριών</a> </dt> + <dd>Σε αυτήν την αξιολόγηση, θα είστε επιφορτισμένοι με τη χρήση κάποιων από τις γνώσεις που έχετε πάρει στα άρθρα αυτής της ενότητας και την εφαρμογή της στη δημιουργία μιας διασκεδαστικής εφαρμογής που δημιουργεί τυχαίες ανόητες ιστορίες. Καλα να περνατε!</dd> +</dl> |