Η είσοδός σου στον προγραμματισμό: Το πρόγραμμα «Γεια σου Κόσμε»

Η προγραμματισμός λογισμικού δεν είναι μόνο μια ικανότητα, αλλά και μια μορφή τέχνης, που διαμορφώνεται από παραδόσεις. Μία από αυτές τις παραδόσεις είναι η συγγραφή ενός προγράμματος «Γειά σου Κόσμε», που θεωρείται από την προγραμματιστική κοινότητα ως εισαγωγή στις νέες γλώσσες προγραμματισμού από τη δεκαετία του 1970. Σε αυτό το tutorial θα μάθεις πώς να γράψεις το πρώτο σου πρόγραμμα «Γειά σου Κόσμε» σε JavaScript. Ας ξεκινήσουμε αμέσως!

Σημαντικότερα ευρήματα

Το «Γειά σου Κόσμε» είναι το πρώτο πρόγραμμα που έχουν γράψει πολλοί προγραμματιστές.
Το πρόγραμμα δείχνει πώς να δημιουργήσεις μια βασική σελίδα HTML.
Η JavaScript χρησιμοποιείται για να προσθέσει διαδραστικές δυνατότητες.

Οδηγίες βήμα-βήμα

Βήμα 1: Δημιούργησε το αρχείο HTML σου

Ξεκίνα δημιουργώντας ένα νέο αρχείο στην επιφάνεια εργασίας σου. Ονόμασέ το «hallo_welt.html». Αυτό είναι το μέρος όπου θα γράψεις το πρώτο σου πρόγραμμα. Έχω ήδη δημιουργήσει αυτό το αρχείο. Το όνομα του αρχείου είναι απλό και άμεσο, κάτι που διευκολύνει την κατανόηση.

Ο δρόμος σας στην προγραμματισμό: Το πρόγραμμα «Γειά σου Κόσμε»

Βήμα 2: Βασική δομή για HTML

Κάθε αρχείο HTML χρειάζεται μια βασική δομή που περιγράφει τη διάρθρωση της ιστοσελίδας σου. Ξεκίνα με τις βασικές ετικέτες HTML. Αυτές περιλαμβάνουν την ετικέτα , που περιβάλλει όλο το περιεχόμενο, και τους δύο κύριους τομείς:

και

. Η περιοχή

περιέχει μετα-πληροφορίες, ενώ η περιοχή

φιλοξενεί τα ορατά περιεχόμενα.

Πρόσθεσε τις ακόλουθες γραμμές στο αρχείο σου «hallo_welt.html»:

<!DOCTYPE html>
<html>
<head> <title>Γειά σου Κόσμε</title>
</head>
<body>
</body>
</html>

Βήμα 3: Συμπλήρωσε την περιοχή Body

Τώρα που έχεις τη βασική δομή του αρχείου HTML σου, ήρθε η ώρα να γεμίσεις την περιοχή

με δυναμικό περιεχόμενο. Ωστόσο, δεν θα απλά εισάγουμε κείμενο στην ετικέτα . Αντ 'αυτού, θα χρησιμοποιήσουμε την JavaScript για να παράγουμε το περιεχόμενο δυναμικά.

Βήμα 4: Πρόσθεσε JavaScript

Για να χρησιμοποιήσεις την JavaScript, χρειάζεσαι την ετικέτα

<script type="text/javascript"> window.alert('Γειά σου Κόσμε');
</script>

Η εντολή window.alert δημιουργεί ένα αναδυόμενο παράθυρο με το μήνυμα «Γειά σου Κόσμε». Βεβαιώσου ότι αυτό τοποθετείται μέσα στην ετικέτα

Βήμα 5: Δοκίμασε το πρόγραμμα σου

Αποθήκευσε το αρχείο και άνοιξέ το στον περιηγητή ιστού σου. Κατά τη φόρτωση της σελίδας, θα πρέπει να δεις ένα αναδυόμενο παράθυρο που δείχνει «Γειά σου Κόσμε». Αυτό δείχνει ότι η JavaScript σου λειτουργεί σωστά και ότι έχεις εκτελέσει με επιτυχία το πρώτο σου πρόγραμμα.

Βήμα 6: Ανά reflexión sobre lo aprendido

Τώρα που ξέρεις πώς να γράφεις ένα απλό πρόγραμμα «Γειά σου Κόσμε», είναι σημαντικό να σκεφτείς τη διαδικασία μάθησης. Δεν έχεις μόνο μάθει πώς να δημιουργείς ένα αρχείο HTML και να υλοποιείς την JavaScript, αλλά και πώς αυτές οι δύο τεχνολογίες συνεργάζονται για να δημιουργούν διαδραστικές ιστοσελίδες. Η ροή εργασίας που μόλις πέρασες - από τη συγγραφή του κώδικα μέχρι τη δοκιμή στον περιηγητή - είναι ένα θεμελιώδες μέρος της ανάπτυξης λογισμικού.

Σύνοψη – Το πρώτο σου βήμα στην προγραμματισμό: Το πρόγραμμα «Γειά σου Κόσμε»

Έμαθες πώς να δημιουργείς μια σελίδα HTML και να γράφεις ένα απλό πρόγραμμα JavaScript για να εκτυπώσεις το κλασικό «Γειά σου Κόσμε». Αυτή η παράδοση δεν είναι μόνο ένα σημαντικό βήμα προς την προγραμματισμό λογισμικού, αλλά προσφέρει επίσης μια σταθερή εισαγωγή στον κόσμο της ανάπτυξης ιστού.

Συχνές ερωτήσεις

Τι είναι το πρόγραμμα «Γειά σου Κόσμε»;Το πρόγραμμα «Γειά σου Κόσμε» είναι ένα απλό πρόγραμμα που συχνά γράφεται ως το πρώτο παράδειγμα σε νέες γλώσσες προγραμματισμού. Δείχνει τη βασική σύνταξη και τις εξόδους ενός προγράμματος.

Γιατί χρησιμοποιούμε HTML και JavaScript;Η HTML χρησιμοποιείται για να καθορίσει τη δομή της ιστοσελίδας, ενώ η JavaScript είναι υπεύθυνη για διαδραστικές λειτουργίες και λογική.

Ποιο εργαλείο προγραμματισμού χρειάζομαι;Μπορείς να χρησιμοποιήσεις οποιοδήποτε απλό κειμενογράφο για να γράψεις HTML και JavaScript. Επιπλέον, θα πρέπει να έχεις έναν περιηγητή ιστού για να εμφανίσεις το αποτέλεσμα.

Πώς δοκιμάζω το πρόγραμμα μου;Αποθήκευσε το αρχείο HTML και άνοιξέ το σε έναν περιηγητή ιστού. Το αναδυόμενο παράθυρο με το «Γειά σου Κόσμε» θα πρέπει να εμφανιστεί αν όλα είναι σωστά ρυθμισμένα.

Μπορώ επίσης να εμφανίσω άλλα μηνύματα;Ναι, μπορείς να αλλάξεις το κείμενο στην εντολή window.alert για να εμφανίσεις οποιοδήποτε μήνυμα επιθυμείς.

browser και επεξεργαστής κειμένου στη προγραμματισμένη λογισμικό

Αρχή EAV στην προγραμματισμένη λογισμικού: Είσοδος και Έξοδος