Το reWeb 2.0 έφερε μαζί του την ανάγκη να αναπτύξει εκτεταμένο κώδικα υποδομής JavaScript από την πλευρά του πελάτη, κάτι που λίγοι προγραμματιστές Java είδαν να κάνουν πριν από πέντε χρόνια. Το κιτ εργαλείων ανοιχτού κώδικα Dojo ξεχωρίζει από άλλες βιβλιοθήκες JavaScript με δυνατότητες που υπερβαίνουν πολύ την απλοποίηση της πρόσβασης DOM. Σε αυτό το πρώτο μισό της εισαγωγής του στο Dojo, ο Sunil Patil παρουσιάζει τις βασικές δυνατότητες της εργαλειοθήκης, σας βοηθά να ρυθμίσετε το περιβάλλον ανάπτυξης και εντοπισμού σφαλμάτων και σας δείχνει πώς μπορείτε να βάλετε το mojo του Dojo για να εργαστεί στα αναπτυξιακά σας έργα Ajax. Επίπεδο: Ενδιάμεσο
Στον κόσμο του Web 1.0, η κοινή αρχιτεκτονική εφαρμογών Java απαιτούσε την εφαρμογή λογικής ροής επιχειρήσεων και εφαρμογών με Java EE από την πλευρά του διακομιστή. Οι προγραμματιστές εφαρμογών Web χρησιμοποίησαν συνήθως JavaScript μόνο για επικύρωση εισόδου και για την εμφάνιση μηνυμάτων σφάλματος στους χρήστες. Κατά συνέπεια, οι περισσότερες εφαρμογές Web 1.0 χρησιμοποίησαν κάποιο είδος πλαισίου Model-View-Controller (MVC) - όπως Struts, JavaServer Faces (JSF) ή Spring MVC - από την πλευρά του διακομιστή, αλλά λίγες χρειάζονταν ένα πλαίσιο JavaScript για τον πελάτη- πλευρικός προγραμματισμός.
Το Web 2.0 εισήγαγε ένα πολύ διαφορετικό μοντέλο προγραμματισμού, όπου μεγάλο μέρος της ροής εφαρμογών και της επιχειρηματικής λογικής αναπτύχθηκε χρησιμοποιώντας JavaScript από την πλευρά του πελάτη. Συνήθως χρησιμοποιούμε κώδικα JavaScript για εργασίες όπως:
- Υποβολή ασύγχρονων αιτημάτων από την πλευρά του διακομιστή
- Λογική χειρισμού μοντέλου αντικειμένου εγγράφου (DOM) και χειρισμού συμβάντων που λειτουργεί σε πολλά προγράμματα περιήγησης
- Διεθνοποίηση
- Ξύλευση
Μπορείτε είτε να γράψετε και να διατηρήσετε αυτόν τον κώδικα υποδομής μόνοι σας ή να ακολουθήσετε τη λιγότερο οδυνηρή διαδρομή χρήσης βιβλιοθήκης JavaScript. Μία από τις πιο ικανές καταχωρήσεις σε αυτόν τον χώρο είναι η εργαλειοθήκη Dojo, ένα πλαίσιο JavaScript ανοιχτού κώδικα που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε δωρεάν ή εμπορικές εφαρμογές. Αυτό το άρθρο σας παρουσιάζει τις βασικές δυνατότητες και τη βιβλιοθήκη widget του Dojo. σας καθοδηγεί στην εγκατάσταση και ρύθμιση ενός περιβάλλοντος ανάπτυξης JavaScript και εντοπισμού σφαλμάτων (χρησιμοποιώντας Dojo και Firebug). και ξεκινάτε με τη δημιουργία ενός δείγματος εφαρμογής χρησιμοποιώντας το Dojo. Θα μάθετε επίσης για την υποστήριξη του Dojo για αντικειμενοστρεφή προγραμματισμό σε JavaScript (η οποία βασίζεται σε γνωστές έννοιες όπως τάξεις, κατασκευαστές και κληρονομιά) και θα λάβετε μια γρήγορη εισαγωγή στις ενότητες Dojo.
Ο Ντότζο με μια ματιά
Υπάρχουν επί του παρόντος αρκετά διαθέσιμα ανοιχτά πηγαία και εμπορικά πλαίσια JavaScript, συμπεριλαμβανομένων των πρωτοτύπων, EXTJS, YUI και jQuery. Ενώ τα περισσότερα πλαίσια JavaScript επικεντρώνονται στην απλοποίηση της πρόσβασης DOM, θα μπορούσε να υποστηριχθεί ότι το Dojo είναι μια λύση μίας στάσης. Εδώ είναι μερικά από αυτά που κάνει το Dojo για εσάς:
- Παρουσιάζει την έννοια των τάξεων, των κατασκευαστών και της κληρονομιάς σε JavaScript, επιτρέποντάς σας να δημιουργήσετε αντικειμενοστραφή κώδικα JavaScript.
- Σας επιτρέπει να δημιουργήσετε έναν πιο εύχρηστο κώδικα, χωρίζοντας τον κώδικά σας σε ενότητες.
- Απλοποιεί τον προγραμματισμό Ajax παρέχοντας κώδικα υποδομής για την υποβολή ασύγχρονων αιτημάτων
XMLHttpRequestκαι κωδικός χειρισμού DOM συμβατό με προγράμματα περιήγησης.
Ως πλαίσιο, το Dojo έχει τρία κύρια συστατικά:
- Ο πυρήνας του Dojo παρέχει βασικές λειτουργίες, όπως δυνατότητα πραγματοποίησης απομακρυσμένων κλήσεων μεθόδου, χειρισμός κόμβου DOM και χειρισμός Cascading Style Sheets (CSS). Ο πυρήνας Dojo υποστηρίζει επίσης λειτουργίες κινούμενων σχεδίων και λειτουργίες μεταφοράς και απόθεσης.
- Ντιτζίτ είναι η βιβλιοθήκη widget του Dojo, χτισμένη πάνω από τον πυρήνα του Dojo. Το Dijit παρέχει πρότυπα, προσβάσιμα widget, όχι μόνο για απλό έλεγχο φόρμας, αλλά και σύνθετα widget, όπως έλεγχο ημερολογίου, μενού, γραμμές εργαλείων, γραμμές προόδου, γραφήματα και γραφήματα.
- DojoX είναι ένα κοντέινερ για την ανάπτυξη επεκτάσεων στο κιτ εργαλείων Dojo. Λειτουργεί ως θερμοκοιτίδα για νέες ιδέες και δοκιμαστική βάση για πειραματικές προσθήκες στην κύρια εργαλειοθήκη, καθώς και ως αποθετήριο για πιο σταθερές και ώριμες επεκτάσεις.
Η ιστορία του Ντότζο
Ο Alex Russell, ο David Schontzler και ο Dylan Schieman ξεκίνησαν να εργάζονται στο πλαίσιο του Dojo το 2004 ενώ εργαζόταν για την Informatica. Αργότερα πολλοί άλλοι προγραμματιστές άρχισαν να συνεισφέρουν στο Dojo. Το 2005, το ίδρυμα Dojo δημιουργήθηκε για να στεγάσει τον κώδικα και να διαχειριστεί τα δικαιώματα πνευματικής ιδιοκτησίας. Μέχρι στιγμής, έχουν εκδοθεί οκτώ μεγάλες κυκλοφορίες και το πλαίσιο έχει ληφθεί περισσότερες από 1 εκατομμύριο φορές. Εταιρείες όπως οι IBM, AOL, Sun, SitePen, Blogline, Google, Nextweb και άλλες συμβάλλουν στο πλαίσιο του Dojo.
Ρύθμιση του περιβάλλοντος ανάπτυξης
Για να μπορέσετε να αρχίσετε να αναπτύσσετε το δείγμα εφαρμογής Dojo αυτού του άρθρου, πρέπει να ρυθμίσετε το περιβάλλον ανάπτυξης και εντοπισμού σφαλμάτων, ώστε να μπορείτε να δοκιμάσετε γρήγορα τις αλλαγές εφαρμογών και να εντοπίσετε προβλήματα εάν προκύψουν σφάλματα. Η δημιουργία ενός περιβάλλοντος ανάπτυξης για ένα πλαίσιο JavaScript όπως το Dojo είναι λίγο διαφορετικό από αυτό για τα Java SE ή EE πλαίσια. Πρέπει πρώτα να εγκαταστήσετε το πλαίσιο Dojo στην εφαρμογή Web και, στη συνέχεια, να ρυθμίσετε το περιβάλλον εντοπισμού σφαλμάτων στο πρόγραμμα περιήγησης.
