εισαγωγή στο jquery

Σε αυτό το άρθρο παρουσιάζουμε μια εισαγωγή στο jquery, ή αλλιώς παρουσιάζουμε jquery για αρχάριους …

Αυτό το άρθρο είναι το πρώτο σε μια σειρά από τεχνολογικά άρθρα που σας προσφέρει το to-mati.net πάνω σε τεχνολογικά θέματα σχετικά με το internet. Στόχος μας είναι να προσφέρουμε πληροφορίες χρήσιμες τόσο στους έμπειρους χρήστες των υπολογιστών και του internet που θέλουν να επεκτείνουν τις γνώσεις τους πάνω στην κατασκευή και την προώθηση ιστοσελίδων, όσο και στους αρχάριους χρήστες που βλέπουν την κατασκευή ιστοσελίδων ως το επόμενο βήμα στην επαγγελματική τους πορεία. Αυτές οι τεχνικές γνώσεις αποτελούν πολύτιμο βοήθημα για όλους τους bloggers που θέλουν τόσο να βελτιώσουν το blog τους, όσο και να το προωθήσουν στις μηχανές αναζήτησης και κυρίως στο google.
Ο πιο μοντέρνος και σύγχρονος τρόπος για να φτιάξουμε μια εντυπωσιακή και ταυτόχρονα λειτουργική ιστοσελίδα είναι το jquery. Ο σκοπός του jquery είναι να κάνει ευκολότερη την προσθήκη javascript σε μια ιστοσελίδα (wesite).
Ξεκινάμε την εισαγωγή στο jquery
Οι απαραίτητες γνώσεις για να ασχοληθεί κάποιος με το jquery είναι οι παρακάτω:
Βασικές γνώσεις html.
Βασικές γνώσεις css.
Βασικές γνώσεις javascript.
Δηλαδή ακολουθούν άρθρα «εισαγωγή στην html», «εισαγωγή στο css», «εισαγωγή στη javascript» καθώς και το άρθρο που ήδη διαβάζετε: «εισαγωγή στο jquery»
Είναι σίγουρο οτι όποιος ασχολείται (ή θέλει να ασχοληθεί) με κατασκευή ιστοσελίδων πρέπει να έχει αυτές τις γνώσεις. Όμως ακόμα και αν δεν τις έχει, θα είναι εύκολο να διαβάσει τόσο την εισαγωγή στο jquery όσο και τα συναφή άρθρα που θα δημοσιεύουμε στο to-mati.net. Επιπλέον, θα είναι εύκολο για τους συχνούς αναγνώστες του blog μας να αποκτήσουν αυτές τις γνώσεις εάν διαβάσουν τα σχετικά άρθρα μας
εισαγωγή στο jquery
Καταρχήν ας δούμε τι ειναι το jquery: Το jquery είναι μια βιβλιοθήκη της γλώσσας προγραμματισμού JavaScript (JavaScript library). Αυτή η βιβλιοθήκη έχει πολύ μικρό μέγεθος ώστε να μην επιβαρύνει τους φυλλομετρητές (browsers), και μας δίνει τη δυνατότητα κάνουμε πολλά πράγματα με λίγο κώδικα. Δηλαδή έχει τη φιλοσοφία «write less, do more».
Ο σκοπός του jQuery είναι να μας διευκολύνει να προσθέσουμε κώδικα JavaScript στην ιστοσελίδα μας. Το jQuery αναλαμβάνει να κάνει πολλές από τις συνηθισμένες διαδικασίες που απαιτούν πολλές γραμμές κώδικα JavaScript. Επίσης το jQuery μας δίνει συναρτήσεις με τις οποίες μπορούμε να κάνουμε κάποιες διαδικασίες με μόνο μια γραμμή κώδικα. Το jQuery επίσης έχει απλοποιήσει πάρα πολλές από τις περίπλοκες διαδικασίες της JavaScript, όπως είναι για παράδειγμα οι κλήσεις AJAX καθώς και ο χειρισμός του μοντέλου DOM.
Η βιβλιοθήκη του jquery περιλαμβάνει τα ακόλουθα χαρακτηριστικά:
Χειρισμό του html και του dom
Χειρισμό του css
Μεθόδους για μεθόδους γεγονότων του html
Εφέ και animations
AJAX
Διάφορα utilites
Εδώ να κάνουμε μια σημαντική παρατήρηση: οτι το jquery έχει plugins για σχεδόν κάθε λειτουργία που υπάρχει
Στη συνέχεια εξηγούμε τους λόγους για τους οποίους πρέπει να χρησιμοποιήσουμε το jquery:
Ναι μεν υπάρχουν πολλά άλλα πλαίσια υποστήριξης της JavaScript που κυκλοφορούν στο διαδίκτυο, όμως το jquery είναι το πιο δημοφιλές, το πιο διαδεδομένο και το πιο επεκτάσιμο. Το jquery χρησιμοποιείται από κάποιες πολύ μεγάλες εταιρείες όπως είναι η Google, η Microsoft, η IBM καθώς και η Netflix
Ένα ερώτημα που απασχολεί όλους τους κατασκευαστές ιστοσελίδων είναι εάν το jquery θα λειτουργήσει σε κάθε browser. Η απάντηση είναι οτι η ομάδα πυ κατασκευάζει το jquery γνωρίζει όλα τα θέματα που είναι διαφορετικά σε κάθε browser, και φροντίζει να τα λύνει από έκδοση σε έκδοση και να τα ενσωματώνει στις επόμενες εκδόσεις της βιβλιοθήκης του jquery. Σε γενικές γραμμές η απάντηση είναι οτι jquery τρέχει με τον ίδιο ακριβώς τρόπο σε όλους τους φυλομετρητές (browsers) με εξαίρεση τον Internet Explorer 6! Αυτό το άρθρο αποτελεί απλά εισαγωγή στο jquery και δεν θέλουμε να επεκταθούμε σε περισσότερες λεπτομέρειες.
Σε αυτό το άρθρο παρουσιάσαμε μια εισαγωγή στο jquery.