Ελέγξτε το jQuery Mobile Web Dev Essentials

• Απρίλιος 18, 2024

Οι κινητές συσκευές είναι εδώ για να παραμείνουν, αλλά είναι έτοιμος ο ιστοχώρος σας; Το βιβλίο αυτό του Raymond Camden και του Andy Matthews έδωσε το δικαίωμα jQuery Mobile Essentials Ανάπτυξης Ιστού δεύτερης έκδοσης θα σας βοηθήσει να φέρετε την ιστοσελίδα σας έτοιμη για κινητές συσκευές.

Οι συγγραφείς ξεκινούν με μια σύντομη εισαγωγή στο jQuery Mobile, συζητώντας πώς είναι ένα πλαίσιο βασισμένο σε HTML με τα χαρακτηριστικά που λειτουργούν τόσο καλά σε κινητές συσκευές. Μόλις είστε πεπεισμένοι για τα πλεονεκτήματά της, οι συγγραφείς σας βοηθούν να δημιουργήσετε την πρώτη σας ιστοσελίδα, εξηγώντας πώς μπορείτε να προσθέσετε το jQuery Mobile σε HTML και πώς λειτουργεί το div χαρακτηριστικό δεδομένων με το jQuery Mobile.

Μεταφέροντας από μια ιστοσελίδα σε πολλές ιστοσελίδες κινητών, οι συγγραφείς συζητούν πώς τροποποιούνται οι υπερσυνδέσμοι από το jQuery Mobile. Δείχνουν πώς να προσθέσετε πολλαπλές σελίδες σε ένα αρχείο ιστοσελίδας χρησιμοποιώντας ένα wrap div για να προσδιορίσετε τα περιεχόμενα για κάθε σελίδα του αρχείου. Επίσης, συζητούν πώς το jQuery Mobile χρησιμοποιεί υπερσυνδέσμους και Ajax για να μετακινηθούν από τη μια σελίδα στην άλλη και τη μετάβαση μεταξύ των σελίδων. Παρουσιάζουν επίσης τον τρόπο χρήσης του χαρακτηριστικού προ-εκκαθάρισης δεδομένων για την προφόρτωση δευτερευουσών σελίδων. Το θέμα διευρύνεται καθώς οι συγγραφείς συζητούν τις γραμμές εργαλείων πλοήγησης, καθώς και τις κεφαλίδες και τα υποσέλιδα σταθερής και πλήρους οθόνης. Ο χώρος είναι περιορισμένος σε κινητές συσκευές και οι συγγραφείς συζητούν πώς να χρησιμοποιούν και να στυλίζουν τις πολλές λειτουργίες λίστας στο jQuery για εξοικονόμηση χώρου, συμπεριλαμβανομένων των λιστών ένθετων, των φυσαλίδων μετρήσεων, των εικονιδίων, των μικρογραφιών και του φίλτρου αναζήτησης.

Μόλις καλύπτονται τα βασικά στοιχεία, οι συγγραφείς καταδεικνύουν πώς να δημιουργήσουν έναν απλό ιστότοπο κινητής τηλεφωνίας για ένα πλασματικό Hotel Camden. Αν και ένας απλός ιστότοπος, περιλαμβάνει το Στατικό Χάρτη API της Google. Οι συγγραφείς καταδεικνύουν επίσης το σχέδιο τηλεφώνου για αυτόματη κλήση ενός τηλεφώνου και το πρόγραμμα mailto για να ανοίξει ένα παράθυρο email.

Στη συνέχεια, οι συγγραφείς συζητούν πώς να χρησιμοποιούν τις φόρμες και τα διάφορα πεδία φόρμας στο jQuery Mobile. Συζητούν πώς χρησιμοποιείται ο Ajax για να στέλνει και να λαμβάνει πληροφορίες και να ενημερώνει τα πεδία φόρμας. Προχωρώντας, οι συγγραφείς καλύπτουν τη δημιουργία διαλόγων, πλέγματος διάταξης, αναδυόμενα παράθυρα, πτυσσόμενα μπλοκ και πίνακες και widgets που ανταποκρίνονται. Παρόλο που η PHP είναι η συνηθέστερη γλώσσα του διακομιστή, οι συγγραφείς χρησιμοποιούν το ColdFusion της Adobe για την επεξεργασία στο πίσω μέρος.

Χρησιμοποιώντας τις δεξιότητες που έχετε μάθει μέχρι στιγμής, οι συγγραφείς σας βοηθούν να δημιουργήσετε μια εφαρμογή για την αποθήκευση σημειώσεων. Πρώτον, συζητούν το σχεδιασμό της εφαρμογής και την κατασκευή ενός wireframe για κάθε λειτουργία της εφαρμογής. Οι συγγραφείς εισάγουν το JavaScript και τη χρήση σχεδίων, καθώς και τον τρόπο συλλογής και αποθήκευσης δεδομένων χρηστών μέσω HTML5.

Στη συνέχεια, οι συγγραφείς προχωρούν σε πιο προηγμένες λειτουργίες του jQuery Mobile, όπως βοηθητικά προγράμματα JavaScript και API. Αρχίζουν με τα βοηθητικά προγράμματα σελίδας και πλοήγησης και μετακινούνται σε φυσικά και συμβάντα σελίδας. Από εκεί, παρουσιάζουν τον τρόπο χρήσης των θεμάτων που έρχονται προετοιμασμένα με το jQuery Mobile και πώς να δημιουργήσετε τα δικά σας εικονίδια και να προσαρμόσετε τα δικά σας θέματα με το ThemeRoller. Μπορείτε επίσης να μάθετε πώς μπορείτε να εφαρμόσετε το προσαρμοσμένο θέμα σας στην εφαρμογή "Διαχείριση σημειώσεων" που έχει δημιουργηθεί στο προηγούμενο κεφάλαιο. Οι συγγραφείς συζητούν επίσης πώς το jQuery Mobile χρησιμοποιεί CSS sprites τόσο για το High Retina όσο και για τα χαμηλά ψηφίσματα.

Τέλος, είστε έτοιμοι να δημιουργήσετε μια εγγενή εφαρμογή χρησιμοποιώντας το jQuery Mobile και το PhoneGap. Μάθετε πώς μπορείτε να χρησιμοποιήσετε τα εγγενή API όπως το επιταχυνσιόμετρο, την κάμερα και την γεωγραφική τοποθέτηση. Οι συγγραφείς επικεντρώνονται στον τρόπο κατασκευής μιας εργασίας εργασίας RSS Reader.

Θα βρείτε αρχεία υποστήριξης για αυτό το βιβλίο στον ιστότοπο του εκδότη. Παρόλο που βρήκα αυτό το βιβλίο να είναι μια καλή εισαγωγή στο jQuery Mobile, οι συγγραφείς επιλέγουν να χρησιμοποιήσουν το Adobe^R ColdFusion^R server για τα αρχεία επίδειξης ενδέχεται να περιορίσουν το κοινό-στόχο τους.

Ο Raymond Camden είναι Ανώτερος Ευαγγελιστής Προγραμματιστών για την Adobe και ειδικεύεται στα πρότυπα ιστού, την ανάπτυξη κινητών και την ανάπτυξη του ColdFusion. Ο Andy Mathews είναι 16χρονος βετεράνος στην ανάπτυξη ιστού και εφαρμογών.

Περισσότερες πληροφορίες σχετικά με το Packtpub.com

Αποκάλυψη: Δεν είχα οικονομικά αποζημιωθεί για αυτό το άρθρο. Το Packtpub παρείχε αυτό το ebook για λόγους αναθεώρησης. Οι απόψεις είναι τελείως δικές μου με βάση την εμπειρία μου.

Οδηγίες Βίντεο: Responsive Design with Bootstrap by Neel Mehta (Απρίλιος 2024).