Page 38

ΘΕΩΡΗΤΙΚΟ ΥΠΟΒΑΘΡΟ

Εικόνα 5: Εσωτερικός κώδικας JavaScript.

▪ Ο δεύτερος είναι να δημιουργήσουμε ένα αρχείο με κατάληξη .js και να το δηλώ-

νουμε μέσα στην ετικέτα <head> της HTML (βλ. Εικόνα 6).

Εικόνα 6: Σύνδεση εξωτερικό αρχείο JavaScript.

2.3.7 AJAX

H AJAX (Asynchronous JavaScript And XML) [8] είναι μια από τις πιο σύγχρονες τε-

χνολογίες για την δημιουργία διαδικτυακών εφαρμογών. Στην ουσία δίνει διαδραστικές

δυνατότητες στον χρήση, και είναι αυτή που μετατρέπει μια απλή ιστοσελίδα σε διαδι-

κτυακή εφαρμογή. Η AJAX δίνει την δυνατότητα στην HTML, από την οποία αποτελείτε

μια ιστοσελίδα, να στείλει και να λάβει ασύγχρονα δεδομένα από τον διακομιστή, χωρίς

να χρειάζεται ανανέωση ο φυλλομετρητής για να εμφανιστούν τα νέα δεδομένα. Ακόμα,

με την τεχνική AJAX που περιορίζει ο όγκος των δεδομένων που στέλνει ο διακομιστής

στον φυλλομετρητή του δέκτη, με αποτέλεσμα να γίνονται πολύ πιο γρήγορες και δυνα-

μικές οι ιστοσελίδες. Η AJAX δεν είναι γλώσσα προγραμματισμού όπως για παράδειγμα

είναι η JavaScript, αλλά ο συνδυασμός του αντικειμένου XMLHttpRequest, το οποίο υ-

λοποιεί την ασύγχρονη επικοινωνία μεταξύ φυλλομετρητή και διακομιστή (server), την

JavaScript/DOM, η οποία αλληλοεπιδρά με τα δεδομένα και τα εμφανίζει στην ιστοσε-

λίδα, την CSS, που μορφοποιεί δεδομένα που θα εμφανιστούν και την XML, που χρησι-

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

2.3.8 Bootstrap

Το Bootstrap [9] είναι ένα ελεύθερο και ανοικτού κώδικα front-end πλαίσιο για τον σχε-

διασμό ιστοσελίδων. Είναι βασισμένο στις γλώσσες προγραμματισμού HTML και CSS

καθώς υπάρχουν και προαιρετικές επεκτάσεις JavaScript. Το Bootstrap είναι χρήσιμο για