Οι περισσότεροι από εμάς, μέχρι τώρα, θα έπρεπε να έχουμε ακούσει για τη γλώσσα προγραμματισμού που^{(programming language)} είναι γνωστή ως JavaScript . Είναι αρκετά δημοφιλές και χρησιμοποιείται κυρίως για την ανάπτυξη ιστοσελίδων. Εάν το πρόγραμμα περιήγησής σας δεν υποστηρίζει JavaScript ή μια επέκταση το αποκλείσει^{(extension blocks it)} , οι περισσότεροι ιστότοποι που επισκέπτεστε δεν θα φορτωθούν σωστά.

Το JavaScript είναι διαφορετικό από το Java . Όταν χρησιμοποιείται αυτή η γλώσσα προγραμματισμού, το Διαδίκτυο γίνεται πιο διαδραστικό και δυναμικό, γεγονός που με τη σειρά του παρέχει μια συναρπαστική εμπειρία για τον χρήστη. Τώρα, η παλαιότερη πτυχή της JavaScript εμφανίστηκε κατά τη διάρκεια της βασιλείας του προγράμματος περιήγησης Web Netscape Navigator^{(Netscape Navigator Web)} .

Διαβάστε^(Read) : Τι είναι η γλώσσα προγραμματισμού Java^{(What is Java Programming language)} ;

Πριν από αυτό, οι ιστοσελίδες δεν είχαν κινούμενα σχέδια και προσαρμοστικό περιεχόμενο, αλλά όταν εμφανίστηκε η JavaScript στη σκηνή, όλα άλλαξαν.

Καταλαβαίνουμε ότι για πολλά χρόνια, μόνο μια μικρή χούφτα προγραμμάτων περιήγησης ιστού υποστήριζε JavaScript , αλλά τα πράγματα έχουν αλλάξει πολύ σήμερα. Όλα τα μεγάλα προγράμματα περιήγησης ιστού, όπως ο Firefox , το Chrome και το Edge , υποστηρίζονται πλήρως από τη γλώσσα, γι' αυτό ο ιστός αποκρίνεται τόσο πολύ σήμερα σε σύγκριση με πριν από 15 χρόνια.

1. Λοιπόν, πώς λειτουργεί η JavaScript;
2. Τι κάνει η JavaScript στη σελίδα σας
3. Πώς να προσθέσετε JavaScript στην ιστοσελίδα σας

Ας μιλήσουμε για αυτό με περισσότερες λεπτομέρειες.

1] Λοιπόν, πώς λειτουργεί η JavaScript;

Στις περισσότερες περιπτώσεις, η JavaScript είναι γνωστή ως δέσμη ενεργειών από την πλευρά του πελάτη. Αυτό σημαίνει ότι βασίζεται σε μεγάλο βαθμό στη συσκευή-πελάτη, όπως ένα tablet ή ένα smartphone για να λειτουργεί σωστά. Το λογισμικό που βρίσκεται στον απομακρυσμένο διακομιστή θα στείλει δεδομένα στη συσκευή και από εκεί, τα δεδομένα αποδίδονται στην οθόνη μέσω του προγράμματος περιήγησης Ιστού.

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

Προφανώς, δεν θα μπορείτε να πλοηγηθείτε σε μια νέα σελίδα, απλώς να αλληλεπιδράσετε με τα δεδομένα που έχουν ήδη φορτωθεί στην τρέχουσα σελίδα.

Ας δούμε μερικά από τα πράγματα που ενεργοποιεί η JavaScript σε ένα πρόγραμμα περιήγησης:^(JavaScript)

• Αναπτυσσόμενα μενού και εφέ ανατροπής
• Δυνατότητα αναπαραγωγής ήχου και βίντεο
• Φορτώστε^(Load) νέο περιεχόμενο χωρίς να χρειάζεται να φορτώσετε ξανά την ιστοσελίδα
• Κινούμενα στοιχεία σελίδας
• Και για να μην αναφέρουμε, Αυτόματη συμπλήρωση

Παρά το γεγονός ότι είναι μια γλώσσα προγραμματισμού σεναρίων από την πλευρά του πελάτη, πρέπει να πούμε ότι κάνει το καλύτερο δυνατό όταν επικοινωνεί με έναν απομακρυσμένο διακομιστή. Βασικά^(Basically) , το σενάριο επικοινωνεί με τον διακομιστή στο παρασκήνιο χωρίς να διακόπτει αυτό που κάνει ο χρήστης στο προσκήνιο.

Διαβάστε^(Read) : Τι είναι η γλώσσα προγραμματισμού R^{(What is the R programming language)} ;

2] Τι κάνει η JavaScript στη σελίδα σας

Το σενάριο κάνει πολλά σε μια ιστοσελίδα και στις περισσότερες περιπτώσεις, ορισμένες πτυχές μιας σελίδας δεν θα φαίνονται τόσο καλά όσο τώρα χωρίς JavaScript . Για παράδειγμα, το εργαλείο χρησιμοποιείται κυρίως για την τροποποίηση HTML και CSS με δυναμικό τρόπο. Ο τρέχων κώδικας θα ενημερώσει τη διεπαφή χρήστη μέσω του API μοντέλου αντικειμένου εγγράφου^{(Document Object Model API)} .

Επιπλέον, ο κώδικας εκτελείται σε μια σελίδα με τη σειρά που εμφανίζεται. Τώρα, όταν πρόκειται για JavaScript , απαιτείται να εκτελούνται πρώτα τα HTML και CSS , διαφορετικά μπορεί να υπάρχουν σφάλματα.^(CSS)

Διαβάστε^(Read) : Το Netbeans IDE είναι μια νέα γλώσσα προγραμματισμού .

3] Πώς^(How) να προσθέσετε JavaScript στην ιστοσελίδα σας

Όταν πρόκειται για την προσθήκη JavaScript στην ιστοσελίδα σας, η εργασία δεν είναι καθόλου δύσκολη. Απλώς^(Just) κατανοήστε ότι ισχύει για τη σελίδα σας HTML με τον ίδιο τρόπο όπως το CSS και θα πρέπει να είστε εντάξει.

Βλέπετε, το CSS χρησιμοποιεί στοιχείο για την υλοποίηση εξωτερικών φύλλων στυλ και

Εσωτερικός κώδικας JavaScript^{(Internal JavaScript)} : Για να προσθέσετε έναν εσωτερικό κώδικα, αντιγράψτε και επικολλήστε τον παρακάτω</head> tag: <script>

// JavaScript goes here

</script>

Προσθήκη^(Add) σεναρίου σε εξωτερικό αρχείο: Όποτε νιώθετε την ανάγκη να προσθέσετε JavaScript σε ένα εξωτερικό αρχείο, προτείνουμε να αλλάξετε το τρέχον <script>στοιχείο σε <script src="script.js" defer></script>.

Όπως μπορείτε να δείτε, αυτό είναι απλώς ένα εισαγωγικό άρθρο που έχει σχεδιαστεί για να σας δώσει μια ιδέα για το τι είναι το JavaScript .

What is JavaScript Programming Language

Most of us, by now, should have heard of the programming language known as JavaScript. It is quite popular and is mostly used to develop websites. If your web browser doesn’t support JavaScript or an extension blocks it, most sites you visit will not load properly.

JavaScript is different from Java. When this programming language is in use, the internet becomes more interactive and dynamic, which in turn, provides a compelling experience for the user. Now, the earliest aspect of JavaScript came about during the reign of the Netscape Navigator Web browser.

Read: What is Java Programming language?

Before that, web pages lacked animation and adaptive content, but when JavaScript dropped on the scene, everything changed.

We understand that for many years, only a small handful of web browser supported JavaScript, but things have changed a great deal today. All the major web browsers such as Firefox, Chrome, and Edge, are fully supported by the language, which is why the web is so responsive today when compared to 15-years ago.

1. So, how does JavaScript work?
2. What JavaScript does on your page
3. How to add JavaScript to your webpage

Let us talk about this in more detail.

1] So, how does JavaScript work?

In most instances, JavaScript is known as a client-side script. That means, it relies heavily on the client device such as a tablet or smartphone to run properly. The software located on the remote server will send data to the device, and from there, the data is rendered on the screen via the web browser.

Now, since it is a client-side script, it does not need a server to operate. For example, if a web page is already loaded into the web browser, but for some reason the internet goes away soon after, the user should be able to interact with the website just the same.

Obviously, you will not be able to navigate to a new page, just interact with the data already loaded on the current page.

Let’s look at some of the things JavaScript enables in a browser:

• Dropdown menus and rollover effects
• Ability to play audio and video
• Load fresh content without having to reload the web page
• Animated page elements
• And not to mention, Autocomplete

Despite being a client-side script programming language, we must say that it does its best work when it communicates with a remote server. Basically, the script communicates with the server in the background without interrupting what the user is doing in the foreground.

Read: What is the R programming language?

2] What JavaScript does on your page

The script does a lot on a web page, and in most cases, certain aspects of a page wouldn’t look as good as it is now without JavaScript. For example, the tool is mainly used to modify HTML and CSS in a dynamic way. The running code will update the user interface via the Document Object Model API.

Furthermore, code runs on a page in the order it appears. Now, when it comes down to JavaScript, HTML and CSS are required to run first, or there could be errors.

Read: Netbeans IDE is a new-age Programming Language.

3] How to add JavaScript to your webpage

When it comes down to adding JavaScript to your webpage, the task is not difficult at all. Just understand that it applies to your HTML page in the same way as CSS and you should be fine.

You see, CSS uses <link> element to implement external stylesheets, and <style> element to add internal stylesheet. HTML is a bit different since it relies on the <script> element.

Internal JavaScript code: To add an internal code, please copy and paste the following after </head> tag: <script>

// JavaScript goes here

</script>

Add script to an external file: Whenever you feel the need to add JavaScript to an external file, we suggest changing the current <script> element to <script src="script.js" defer></script> instead.

As you can see, this is just an introductory article that is designed to give you an idea of what JavaScript is all about.

Related posts

• Διορθώστε το σφάλμα JavaScript που απαιτείται για τη σύνδεση. Ενεργοποιήστε το JavaScript στο πρόγραμμα περιήγησής σας

• Τι είναι το Angular JavaScript Framework με απλά λόγια;

• Πώς να απενεργοποιήσετε την εκτέλεση JavaScript σε έγγραφα PDF του Firefox

• Πώς να περιηγηθείτε σε λειτουργία μόνο κειμένου σε Chrome, Edge ή Firefox

• Απενεργοποιήστε τη JavaScript σε Chrome, Edge, Firefox, Opera, Internet Explorer

• Οι καλύτερες αρχές και κατευθυντήριες γραμμές προγραμματισμού που πρέπει να ακολουθούν όλοι οι Προγραμματιστές

• Τι είναι η γλώσσα προγραμματισμού Google Go - Απαιτήσεις, Συνήθεις Ερωτήσεις

• Διαφορά μεταξύ γλωσσών προγραμματισμού χαμηλού και υψηλού επιπέδου

• Τα πέντε καλύτερα έργα για αρχάριους προγραμματιστές

• Λήψη, εγκατάσταση, Μάθετε τη γλώσσα προγραμματισμού Microsoft Small Basic

• 14 καλύτεροι ιστότοποι για δωρεάν μαθήματα προγραμματισμού υπολογιστών

• 8 καλύτεροι ιστότοποι για να μάθετε προγραμματισμό Python

• Πώς να εκτελέσετε ένα πρόγραμμα Java από τη γραμμή εντολών

• Το PilotEdit Lite κάνει καλή δουλειά στην επεξεργασία μεγάλων αρχείων προγραμματισμού

• Τι είναι μια συνάρτηση στον προγραμματισμό; Εξηγούμε

• Διορθώστε το σφάλμα JavaScript Discord κατά την εκκίνηση

• Το HDG εξηγεί: Τι είναι η JavaScript και σε τι χρησιμοποιείται στο Διαδίκτυο;

• Το εναλλακτικό πρόγραμμα περιήγησης κειμένου σάς επιτρέπει να περιηγηθείτε σε πολλές γλώσσες προγραμματισμού

• Πώς να ενεργοποιήσετε ή να απενεργοποιήσετε τη JavaScript στο πρόγραμμα περιήγησής σας

• Πώς να διορθώσετε ένα μοιραίο σφάλμα Javascript του Discord