Το Programer παρουσιάζει μια σειρά μαθημάτων στην Javascript. Σήμερα θα δούμε το πρώτο μάθημα που αφορά κυρίως την σύνταξη και τις μεταβλητές που χρησιμοποιούμε στον κώδικα . Πριν όμως αρχίσουμε είναι καλό να μάθουμε λίγα από την ιστορία της, πράγμα που είναι καλό να κάνουμε με ότι καταπιανόμαστε.
Η γλώσσα προγραμματισμού JavaScript δημιουργήθηκε αρχικά από τον Brendan Eich της εταιρείας Netscape με την επωνυμία Mocha. Αργότερα, από Mocha μετονομάστηκε σε LiveScript, και τελικά σε JavaScrit, κυρίως επειδή η ανάπτυξή της επηρεάστηκε περισσότερο από τη γλώσσα προγραμματισμού Java. LiveScript ήταν το επίσημο όνομα της γλώσσας όταν για πρώτη φορά κυκλοφόρησε στην αγορά σε beta εκδόσεις με το πρόγραμμα περιήγησης στο Web, Netscape Navigator εκδοχή 2.0 τον Σεπτέμβριο του 1995. LiveScript μετονομάστηκε σε JavaScript σε μια κοινή ανακοίνωση με την ταιρεία Sun Microsystems στις 4 Δεκεμβρίου, 1995.
Μάθημα 1ο
Hello World!
Ο κώδικας που βλέπετε παρακάτω εμφανίζει ένα πλαίσιο μηνύματος με το κείμενο "Hello World!"
<script type="text/javascript">
alert('Hello World!');
</script>
Παρατηρήστε ότι ξεκινάει με <script type="text/javascript"> και τελειώνει με </script>. Αυτές είναι οι ετικέτες JavaScript. Πρέπει να περιβάλλουμε τον κώδικα μας με αυτές τις ετικέτες ώστε το πρόγραμμα περιήγησης να το εκτελέσει, σαν JavaScript. Αργότερα, θα δούμε σε ποιες περιπτώσεις δεν χρειάζεται να χρησιμοποιήσουμε αυτές τις ετικέτες. Αλλά ας τα χρησιμοποιήσουμε για τώρα.
Η JavaScript καλεί την συνάρτηση alert, και περνάει σε αυτή το κείμενο που βρίσκεται μέσα στα μονά εισαγωγικά, στην περίπτωσή μας Hello World!. Ένα ακόμα πολύ σημαντικό πράγμα είναι το ερωτηματικό στο τέλος της γραμμής. Το ερωτηματικό, δηλώνει το τέλος της εντολής και δεν μπορεί να παραλειφθεί. Για να δείτε το αποτέλεσμα και έχετε Blogger πηγαίνετε στο Layout > Add a Gadget > HTML/JavaScript. Κάντε paste τον παραπάνω κώδικα και και πατήστε το preview να δείτε το αποτέλεσμα.
Μεταβλητές
Έχετε εμφανιστεί με επιτυχία ένα μήνυμα χρησιμοποιώντας JavaScript. Τώρα, ήρθε η ώρα να μπείτε στο σκοτεινό κόσμο των μεταβλητών. Κάθε μεταβλητή ορίζεται από ένα όνομα. Σκεφτείτε μια μεταβλητή ως ένα καλάθι. Και στα δυο μπορείτε να βάλετε κάτι μέσα και να το πάρετε πίσω οποιαδήποτε στιγμή θέλετε.
Το παρακάτω παράδειγμα δείχνει πώς μπορείτε να βάλετε το όνομά σας στη μεταβλητή onoma.
<script type="text/javascript">
var onoma = 'Κώστας';
</script>
Για να ορίσετε μια μεταβλητή, μπορείτε να χρησιμοποιήσετε τη λέξη-κλειδί var. Αυτό επιτρέπει το πρόγραμμα περιήγησης να γνωρίζει ότι είμαστε έτοιμοι να δηλώσουμε μια μεταβλητή. Η χρήση του όμως, δεν είναι απαραίτητη. Θα δούμε αργότερα, πότε θα πρέπει να τη χρησιμοποιήσετε.
<script type="text/javascript">
onoma_xristi = 'Κώστας';
epitheto_xristi = 'Γουτούδης';
alert(onoma_xristi + ' ' + epitheto_xristi);
</script>
Το παραπάνω παράδειγμα θα εμφανίσει:
Kostas Goutoudis
Μπορούμε να εμφανίσουμε όσες μεταβλητές και τιμές θέλουμε, όσο χρησιμοποιούμε το χαρακτήρα συν (+). Εδώ μπορούμε να δούμε ότι εμφανίζουμε την μεταβλητή onoma_xristi, μετά ένα κενό , και τέλος την μεταβλητή epitheto_xristi.
Αριθμητικές μεταβλητές
Σε μια μεταβλητή, μπορείτε επίσης να αποθηκεύσετε και αριθμούς. Παρακάτω, θα αποθηκεύσουμε τον αριθμό 42 στη μεταβλητή ilikia.
<script type="text/javascript">
ilikia = 42;
</script>
Είναι η σειρά σας τώρα να αποθηκεύσετε την ηλικία σας στη μεταβλητή ilikia και να την εμφανίσετε.
Παράδειγμα: Εμφάνιση αριθμών / συμβολοσειρών
Για να εμφανίσουμε το παρακάτω μήνυμα:Το όνομά μου είναι Στέλιος Λαμπρόπουλος και είμαι 43 ετών.
γράφουμε τον παρακάτω κώδικα.
<script type="text/javascript">
onoma = 'Στέλιος';
epitheto = 'Λαμπρόπουλος';
ilikia = 43;
alert('Το όνομά μου είναι ' + onoma + ' ' + epitheto + ' και είμαι ' + ilikia + ' ετών');
</script>
Αυτά για την ώρα σε λίγες μέρες θα βρείτε εδώ λινκ για το δεύτερο μάθημα javascript.
Μάθημα 2ο
πηγές : Wikipedia, elearning.test4u.eu
0 comments:
Δημοσίευση σχολίου