5 πλαίσια AngularJS για να αποκτήσετε εφαρμογές επάνω και να τρέξετε γρήγορα
Τώρα που είστε πολύ έμπειροι στα βασικά, είναι καιρός να ξεκινήσετε δημιουργώντας τη δική σας εφαρμογή web με το AngularJS. Το AngularJS έκαναν την κατασκευή μιας εφαρμογής βασισμένης σε Javascript πιο διαισθητική χρησιμοποιώντας αυτό που ονομάζεται οδηγιών, το οποίο λειτουργεί παράλληλα με τα σήματα HTML.
Εάν η οικοδόμηση μιας εφαρμογής Ιστού από το έδαφος φαίνεται συντριπτική σε σας, μην ανησυχείτε. Κάποιοι πολύ γενναιόδωροι προγραμματιστές έχουν προσαρμόσει μερικά πλαίσια πλαισίου για την υποστήριξη του AngularJS. Όπως ένα τυπικό πλαίσιο, έρχονται με προ-κατασκευασμένα συστατικά ιστού. Αυτά κάνουν το πλαίσιο το τέλειο εργαλείο για όποιον χρειάζεται να κάνει μια εφαρμογή web να τρέχει γρήγορα.
Εδώ είναι 5 πλαίσια που μπορείτε να χρησιμοποιήσετε για να ξεκινήσετε μια web-based εφαρμογή με το AngularJS.
1. AngularUI Bootstrap
AngularUI Bootstrap, όπως υποδηλώνει το όνομα, είναι χτισμένο στην κορυφή ενός από τα πιο δημοφιλή πλαίσια front-end, Bootstrap. Αυτό το πλαίσιο περιέχει ένα σύνολο στοιχείων Bootstrap όπως Carousel, Alert, και Collapse μαζί με ορισμένες προσθήκες, όπως η βαθμολογία και το TimePicker.
Όλα αυτά τα στοιχεία έχουν μεταφερθεί για να χρησιμοποιούν τις οδηγίες AngularJS ( Εάν είστε ένας μεγάλος οπαδός της Bootstrap ενώ απολαμβάνετε επίσης την ισχύ και την απόδοση που προσέφερε το AngularJS, αυτό θα μπορούσε να είναι μια τέλεια επιλογή του πλαισίου. Ένα άλλο δημοφιλές πλαίσιο που έχει επίσης μεταφερθεί για να χρησιμοποιήσει το AngularJS είναι το Ίδρυμα, και ονομάζεται απλά “Γωνιακό ίδρυμα”. Παρομοίως, αυτό το πλαίσιο έχει τροποποιήσει τα στοιχεία του Ιδρύματος για να υιοθετήσει την οδηγία και τα προσαρμοσμένα στοιχεία HTML του AngularJS, ώστε να μπορείτε να δημιουργήσετε τώρα την εφαρμογή σας χρησιμοποιώντας την πιο σημασιολογική ονομασία HTML Εάν σας αρέσει το Ίδρυμα καλύτερα από το Bootstrap, τότε αυτό είναι το πλαίσιο για να πάει με. Κατεβάστε το Angular Foundation σε αυτή τη σελίδα ή ενημερωθείτε για την ανάπτυξη του έργου μέσω του repos Github. ιωνικός έρχεται με μια χούφτα στερεών οικοδομικών τεμαχίων που καθιστά την ανάπτυξη κινητών εφαρμογών εύκολη και γρήγορη. Κάθε συστατικό στο ιωνικό πλαίσιο βελτιστοποιείται για κινητή εμπειρία, η οποία βασικά εξαρτάται από την αφή και τις χειρονομίες. Αυτά τα στοιχεία UI αποτελούνται επίσης από προσαρμοσμένα στοιχεία HTML. Κατά την ανάπτυξη μιας περιήγησης με καρτέλες, για παράδειγμα, θα χρησιμοποιούσατε το Για να γίνει ακόμα πιο εύκολη και ταχύτερη η δημιουργία της εφαρμογής σας, μπορείτε να χρησιμοποιήσετε το Ionic Creator, το οποίο σας επιτρέπει να δημιουργήσετε την εφαρμογή σας με drag-n-drop. Έτσι, αν η απόδοση και η ταχύτητα είναι σημαντικές για εσάς, το ιωνικό είναι το καλύτερο πλαίσιο για να προχωρήσετε. Κινητό γωνιακό περιβάλλον χρήστη είναι ένα πλαίσιο φορητού περιβάλλοντος χρήστη, το οποίο αποτελεί επέκταση του πλαισίου Bootstrap, με στόχο την ανάπτυξη εφαρμογών κινητής τηλεφωνίας. Χρησιμοποιεί τις περισσότερες από τις σύνταξης Bootstrap 3 με μερικά πρόσθετα ειδικά κινητά στοιχεία, όπως διακόπτες, επικαλύψεις, πλευρικές γραμμές και πτυσσόμενες περιοχές. Εξαρτάται μόνο από το AngularJS και μπορείτε εύκολα να μεταφέρετε την τρέχουσα εφαρμογή ιστού σε έκδοση για κινητά, προσθέτοντας την παρεχόμενη CSS, για να μετατρέψετε το περιεχόμενό σας σε λειτουργία απόκρισης και επαφής. Κάντε λήψη αυτού του πλαισίου εδώ UI Grid είναι ο καλύτερος τρόπος για να εργαστείτε ένα πλέγμα ή ένα τραπέζι με το Angular. Έχει πλούσια χαρακτηριστικά για να εμφανίζει απλά, αλλά και σύνθετα και μεγάλα σύνολα δεδομένων σε ένα πλέγμα. Το UI Grid έχει σχεδιαστεί για να εκτελεί σύνθετα χαρακτηριστικά μόνο όταν χρειάζεται, διατηρώντας έτσι τον πυρήνα μικρό. Με το UI Grid μπορείτε να δεσμεύσετε τα κελιά με πολύπλοκες ιδιότητες / λειτουργίες, να διαχειριστείτε τη διαλογή και το φιλτράρισμα της στήλης, να επεξεργαστείτε τα δεδομένα στη θέση τους και πολλά άλλα. Για να αλλάξετε στυλ της εμφάνισης του πλέγματος δεδομένων σας, χρησιμοποιήστε το Customizer. Αποκτήστε το τελευταίο πλέγμα UI από την αρχική του σελίδα.ng-repeat
και ng-controller
) και προσαρμοσμένα στοιχεία HTML. Για παράδειγμα, αντί να χρησιμοποιήσετε ένα
και
:
2. Γωνιακό Ίδρυμα
,
, και
, αντί για το διφορούμενο
στοιχείο:
3. Ιωνικό πλαίσιο
:
4. Κινητό γωνιακό περιβάλλον χρήστη
5. Πλέγμα UI