Κατ 'αρχήν, κάθε ιστότοπος είναι κατασκευασμένος με βάση 3 τεχνολογίες. HTML, CSS και Javascript. Η HTML ασχολείται με την ταξινόμηση των διαφορετικών τμημάτων του ιστότοπου, το CSS με τον τρόπο με τον οποίο αναπαρίστανται αυτά τα μέρη και Javascript σύνθετες εργασίες, όπως η ανταπόκριση στις ενέργειες των χρηστών.
En προηγούμενα άρθρα Είχαμε εξηγήσει ότι ήταν ένα πλαίσιο CSS και δώσαμε μια λίστα με τα καλύτερα που μπορούμε να χρησιμοποιήσουμε στο Linux. Πώς ο ρόλος της Javascript είναι λίγο πιο δύσκολο να εξηγηθεί, Θα κάνουμε μια σύντομη εισαγωγή στο θέμα, πριν σχολιάσουμε τα πλαίσια του.
Γλώσσα προγραμματισμού Javascript. Μια μικρή εισαγωγή
Τι είναι η Javascript;
javascript είναι μια γλώσσα προγραμματισμού που δημιουργήθηκε αρχικά έτσι ώστε οι ιστοσελίδες να σταματήσουν να είναι στατικές, αν και σήμερα η χρήση του έχει εξαπλωθεί σε τομείς που δεν έχουν καμία σχέση με το διαδίκτυο.
LΤα προγράμματα που είναι γραμμένα σε Javascript ονομάζονται σενάρια. και τρέχουν μέσα σε μια εικονική μηχανή γνωστή ως μηχανή Javascript.
Όλα τα σύγχρονα προγράμματα περιήγησης περιλαμβάνουν την έκδοση της μηχανής Javascript
Για την ασφάλεια των χρηστών, διαφορετικά προγράμματα περιήγησης θέτουν όρια στο τι μπορεί να κάνει ο κώδικας Javascript. Για παράδειγμα, πρόσβαση σε κρίσιμα αρχεία στο δίσκο. Σε κάθε περίπτωση, αυτό μπορεί να περιοριστεί περαιτέρω στις επιλογές διαμόρφωσης του καθενός.
Η λειτουργία του κώδικα Javascript μέσα σε μια ιστοσελίδα είναι η εξής:
- Η μηχανή Javascript που είναι ενσωματωμένη στο πρόγραμμα περιήγησης διαβάζει τον κώδικα.
- Ο κώδικας μετατρέπεται σε γλώσσα μηχανής.
- Το μηχάνημα εκτελεί τον κώδικα.
Ως γλώσσα προγραμματισμού, η Javascript μπορεί να εκτελέσει εργασίες όπως αυτές:
- Αποθηκεύστε πληροφορίες μέσα σε μεταβλητές.
- Χειριστείτε συμβολοσειρές κειμένου.
- Εκτελέστε προγράμματα απαντώντας σε συμβάντα, όπως κάνοντας κλικ σε έναν σύνδεσμο.
Η απόδοση Javascript αυξάνεται μέσω της χρήσης διεπαφών προγραμματισμού εφαρμογών (APIs)
APIS είναι βιβλιοθήκες προγραμμάτων που δημιουργούνται για συγκεκριμένες εργασίες που απαλλάσσουν τον προγραμματιστή από το να χρειάζεται να ξαναγράψει τον υπάρχοντα κώδικα. Στην περίπτωση του Javascript μπορούμε να μιλήσουμε για δύο τύπους APIS
API προγράμματος περιήγησης
Εκτελούνται μέσα στο πρόγραμμα περιήγησης και ανταποκρίνονται στο περιβάλλον. Έχουμε, για παράδειγμα:
Μοντέλο αντικειμένου εγγράφου (DOM): Καθιστά δυνατή την πραγματοποίηση τροποποιήσεων στον κώδικα HTML και CSS της σελίδας ως απόκριση σε ορισμένα συμβάντα. Αυτή είναι η περίπτωση ιστότοπων που μας επιτρέπουν να δούμε πώς θα εμφανιζόταν μια σελίδα σε διαφορετικές συσκευές.
API γεωγραφικής τοποθεσίαςα: Χρησιμοποιείται για τον εντοπισμό της τοποθεσίας του χρήστη και την ανάλογη απόκριση. Για παράδειγμα, χρησιμοποιείται από το Netflix για να μάθει ποιο περιεχόμενο μπορείτε να δείτε στη χώρα σας ή από τους Χάρτες Google για να σας δείξουν πού βρίσκεστε.
Καμβάς και WebGL: Είναι ιδανικά για τη σχεδίαση 2d και 3d γραφικών
API πολυμέσων: Επιτρέπουν τη μετάδοση και λήψη περιεχομένου πολυμέσων από μια ιστοσελίδα.
API τρίτων
Διαφορετικές υπηρεσίες ιστού προσπαθούν να κάνουν περισσότερους χρήστες (και σε ορισμένες περιπτώσεις περισσότερες πληροφορίες από αυτούς τους χρήστες για να τις πουλήσουν) Γι' αυτό δημιουργήστε διεπαφές προγραμματισμού έτσι ώστε οι προγραμματιστές να μπορούν να ενσωματώσουν λειτουργίες που οι εν λόγω υπηρεσίες παρέχουν σε εξωτερικούς ιστότοπους. Αυτή είναι η περίπτωση, για παράδειγμα, εκείνων των ιστοσελίδων που σας επιτρέπουν να εγγραφείτε στο λογαριασμό σας στο Google ή στο Facebook.
Πώς λειτουργεί ο κώδικας Javascript σε έναν ιστότοπο
Πρώτα από όλα, πρέπει να καταστεί σαφές ότι κάθε σενάριο javascript εκτελείται μέσα στο δικό του περιβάλλον εκτέλεσης. Υπάρχει ένα περιβάλλον εκτέλεσης για κάθε καρτέλα (αν ανοίξουμε διαφορετικούς ιστότοπους στο ίδιο παράθυρο) ή για διαφορετικά παράθυρα αν προτιμάμε. Σε καμία περίπτωση δεν συνδέονται μεταξύ τους ή, όπως είπαμε, με το λειτουργικό σύστημα χωρίς την ενεργή παρέμβαση του χρήστη.
πρώτο se φορτώνει τον κώδικα HTML της ιστοσελίδας και δημιουργείται ένα μοντέλο αντικειμένου του εγγράφου ώστε να μπορεί να εμφανίζεται στο πρόγραμμα περιήγησης. Στη συνέχεια, φορτώνονται τα στοιχεία που πρέπει να επισυναφθούν στη σελίδα ως μέσα, εικόνες και φύλλα στυλ. Τέλος, τα στυλ αντιστοιχίζονται στα διάφορα μέρη της σελίδας όπως καθορίζεται από τα φύλλα στυλ.
Μόλις ολοκληρωθούν όλα αυτά, είναι όταν ξεκινά η μηχανή Javascript ακολουθώντας την προαναφερθείσα σειρά.
Στο επόμενο άρθρο μας πηγαίνουμε με την υποσχεμένη λίστα πλαισίων για Javascript.