Javascript
Το Javascript είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται για τη ζωή των ιστότοπων. Το βλέπετε σε δράση κάθε φορά που επισκέπτεστε έναν ιστότοπο που έχει οποιαδήποτε αλληλεπίδραση. Η εκμάθηση Javascript είναι γρήγορη, εύκολη και διασκεδαστική, επειδή έχετε ήδη όλα τα εργαλεία που χρειάζεστε στον υπολογιστή σας και βλέπετε τα αποτελέσματα αμέσως. Δοκιμάστε το απλό βήμα προς βήμα παρακάτω παράδειγμα και θα είστε στο δρόμο σας!
Λήψη λογισμικού:Δεν χρειάζεται
Κόστος:Ελεύθερος
Οδηγίες για τη ρύθμιση του λογισμικού:Δεν χρειάζεται
Απαιτήσεις υλικού:PC, Mac, Robotic, Κινητή συσκευή
Υποστηριζόμενα λειτουργικά συστήματα:Κερδίστε, Mac, Linux
Επίπεδο δυσκολίας:1 στα 5
ΔΟΚΙΜΑΣΕ ΤΟ!
1. Δημιουργήστε ένα φάκελο στον σκληρό σας δίσκο - ονομάστε το 'JS Demo'
2. Αντιγράψτε αυτόν τον κώδικα Javascript:
// JavaScript Document // Note: lines that start with two backslashes are comments - not code! var bePrepared = function () { // = = = = = = = declare all the variables = = = = = = = = var tempF, tempC, myActionText, newText; //get the temp (F) from the HTML page tempF = document.getElementById('MyInputTemp').value; // = = = = = = = convert the temp to Celsius (with only one decimal place) tempC = (5 / 9 * (tempF - 32)).toFixed(1); // = = = = = = = evaluate the temp (three categories) = = = = = = = if (tempF = 60) && (tempC = 75) { myActionText = ' Take Sunscreen!'; } // = = = = = = = build a complete sentence = = = = = = = newText = 'If the temperature is ' + tempF + ' °F (' + tempC + ' °C): ' + myActionText; //push the sentence back to the HTML page (using the ID of the markup element: 'myAnswer') document.getElementById('myAnswer').innerHTML = newText; }; Και επικολλήστε τον αγαπημένο σας επεξεργαστή κειμένου. Το σημειωματάριο των Windows λειτουργεί καλά.
3. Αποθηκεύστε το αρχείο ως 'JS-Example.js' στο νέο φάκελο που δημιουργήσατε στο βήμα 1.
4. Τώρα αντιγράψτε αυτόν τον κώδικα HTML:
Example Javascript Program for Boy Scout Merit BadgeJavascript Programming Example
Enter Temperature (°F):
Και επικολλήστε τον αγαπημένο σας επεξεργαστή κειμένου. Το σημειωματάριο των Windows λειτουργεί καλά.
5. Αποθηκεύστε αυτόν τον κώδικα HTML στον ίδιο φάκελο και καλέστε τον 'JS-HTML.htm'
6. Κάντε διπλό κλικ στο αρχείο JS-HTML για να ξεκινήσετε ένα πρόγραμμα περιήγησης. Εισαγάγετε μια θερμοκρασία και κάντε κλικ στο κουμπί GO για να δείτε το αποτέλεσμα. Δοκιμάστε πολλές διαφορετικές θερμοκρασίες.
ΣΧΕΤΙΚΑ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ - ΜΙΑ ΠΕΡΙΠΤΩΣΗ ΜΕΣΩ
1. Το αρχείο HTML ορίζει τις πληροφορίες κειμένου και μορφοποίησης για μια απλή ιστοσελίδα. Μπορείτε να αλλάξετε οτιδήποτε θέλετε να δείτε πώς επηρεάζει τη μορφοποίηση της σελίδας. Δεν είναι πραγματικά προγραμματισμός, αλλά είναι διασκεδαστικό να παίζεις. Το:
ένα. Δημιουργεί έναν τίτλο για τον ιστότοπο
σι. Λέει στον κώδικα HTML να χρησιμοποιήσει το Javascript και πού να βρει τον κώδικα
ντο. Μορφοποιεί το εμφανιζόμενο κείμενο
ρε. Καθορίζει ένα πλαίσιο εισαγωγής κειμένου με ID = 'MyInputTemp' (το Javascript θα το χρειαστεί)
μι. Καθορίζει ένα κουμπί με την ένδειξη 'Go!'
φά. Όταν πατήσετε το κουμπί του ποντικιού, εκτελεί τη συνάρτηση javascript bePrepared ()
σολ. εμφανίζει τη συμβολοσειρά στο 'myAnswer' που δημιουργείται στο πρόγραμμα javascript.
2. Το αρχείο Javascript έχει μία μόνο συνάρτηση που ονομάζεται 'bePrepared ().' Εκτελείται κάθε φορά που πατάτε το κουμπί GO (δείτε τη μέθοδο 'onclick' για την ετικέτα 'input' = 'Button' στο αρχείο HTML για να δείτε την κλήση λειτουργίας.)
3. Η συνάρτηση “bePrepared ()”
ένα. Λαμβάνει την τιμή που έχει εισαχθεί στην ετικέτα 'Εισαγωγή' - 'Κείμενο' χρησιμοποιώντας το αναγνωριστικό της: 'MyInputTemp'
σι. Η τιμή μετατρέπεται σε Κελσίου (με ένα μόνο δεκαδικό ψηφίο).
ντο. Η τιμή Κελσίου αξιολογείται με ένα seris των IF Statements και μια προτεινόμενη φράση δράσης αντιστοιχεί στη μεταβλητή: 'myActionText'
ρε. Μια πρόταση δημιουργείται συνδυάζοντας ή «συνενώνοντας» κάποιο στατικό κείμενο μαζί με τις τιμές θερμοκρασίας (deg F και Deg C) και τη φράση δράσης.
μι. Η νέα φράση εισάγεται στην τελευταία γραμμή της σελίδας HTML χρησιμοποιώντας το αναγνωριστικό της ετικέτας σε αυτήν τη γραμμή: 'myAnswer'
ΔΟΚΙΜΑΣΤΕ ΑΥΤΟ
1. Αλλάξτε τις θερμοκρασίες που χρησιμοποιούνται στις αποφάσεις - για παράδειγμα, αλλάξτε τη χαμηλότερη θερμοκρασία από 60 σε 30 μοίρες. Βεβαιωθείτε ότι το αλλάξατε σε δύο μέρη! Αποθηκεύστε το αρχείο και ανανεώστε το πρόγραμμα περιήγησης (ή κάντε επανεκκίνηση της ιστοσελίδας) και εισαγάγετε νέους αριθμούς - άλλαξαν οι απαντήσεις στη νέα θερμοκρασία;
2. Δημιουργήστε ένα νέο εύρος θερμοκρασίας από 30 έως 60 μοίρες και αφήστε το να εμφανιστεί - 'Φέρτε καπέλο και γάντια!'
3. Αλλάξτε τη διατύπωση των φράσεων.
4. Προσθέστε μια άλλη εισαγωγή κειμένου - για παράδειγμα, ζητήστε την ταχύτητα του ανέμου.
5. Προσθέστε ορισμένες δηλώσεις υπό όρους που αξιολογούν τον παράγοντα ψύξης ανέμου.
6. Προσθέστε λίγο κείμενο για να εμφανιστεί το αποτέλεσμα του ανέμου.
ΜΑΘΕ ΠΕΡΙΣΣΟΤΕΡΑ
W3schools.com - Ένα καλά οργανωμένο σεμινάριο με πολλά παραδείγματα εργασίας και πηγαίο κώδικα
Webmonkey - Ένα σεμινάριο Javascript πέντε μερών
ΠΟΡΟΙ, ΣΥΜΒΟΥΛΕΣ, ΚΡΙΤΙΚΕΣ ΚΑΙ ΣΥΜΒΟΥΛΕΣ
1. Το Google Chrome διαθέτει τακτοποιημένη λειτουργία.
- Εγκαταστήστε το Google Chrome εάν δεν το έχετε ήδη.
- Ανοίξτε το παραπάνω παράδειγμα JS-HTML στο Google Chrome (Κάντε δεξί κλικ στο αρχείο JS-HTML που δημιουργήσατε παραπάνω και επιλέξτε 'Άνοιγμα με ..' και επιλέξτε Chrome)
- Κάντε κλικ στις ρυθμίσεις >> Εργαλεία >> Κονσόλα Javascript
Αυτό ανοίγει ένα παράθυρο κονσόλας που εμφανίζει μηνύματα σφάλματος (και μια σειρά από άλλα εργαλεία) για να σας βοηθήσει να εντοπίσετε τον κώδικα σας.
Αυτή η κονσόλα είναι πολύ χρήσιμη κατά τον εντοπισμό σφαλμάτων σφαλμάτων javascript. Τα περισσότερα προγράμματα περιήγησης διαθέτουν πρόσθετα που κάνουν παρόμοια πράγματα.
2. Το Notepad ++ είναι ένας εξαιρετικός επεξεργαστής δωρεάν κειμένου σχεδιασμένος ειδικά για προγραμματιστές. Δείτε το εδώ .