Τι είναι το AngularJS;
Το AngularJS είναι ένα πλαίσιο ανοιχτού κώδικα Model-View-Controller που είναι παρόμοιο με το πλαίσιο JavaScript.
Το Angular JS είναι πιθανώς ένα από τα πιο δημοφιλή σύγχρονα πλαίσια ιστού που διατίθενται σήμερα. Αυτό το πλαίσιο χρησιμοποιείται για την ανάπτυξη κυρίως εφαρμογών μίας σελίδας. Αυτό το πλαίσιο αναπτύχθηκε από μια ομάδα προγραμματιστών από την ίδια την Google.
Λόγω της απόλυτης υποστήριξης της Google και των ιδεών από ένα ευρύ φόρουμ κοινότητας, το πλαίσιο ενημερώνεται πάντα. Επίσης, ενσωματώνει πάντα τις τελευταίες τάσεις ανάπτυξης στην αγορά.
Σε αυτό το σεμινάριο, θα μάθετε-
- Χαρακτηριστικά AngularJS
- Αρχιτεκτονική Angularjs
- Πλεονεκτήματα AngularJS
Χαρακτηριστικά AngularJS
Το Angular έχει τα ακόλουθα βασικά χαρακτηριστικά που το καθιστούν ένα από τα ισχυρά πλαίσια της αγοράς.
-
MVC - Το πλαίσιο βασίζεται στη διάσημη ιδέα του MVC (Model-View-Controller). Αυτό είναι ένα σχέδιο σχεδίασης που χρησιμοποιείται σε όλες τις σύγχρονες διαδικτυακές εφαρμογές. Αυτό το μοτίβο βασίζεται στο διαχωρισμό του επιπέδου επιχειρησιακής λογικής, του επιπέδου δεδομένων και του επιπέδου παρουσίασης σε ξεχωριστές ενότητες. Ο διαχωρισμός σε διαφορετικά τμήματα γίνεται έτσι ώστε η καθεμία να μπορεί να γίνει πιο εύκολη.
-
Δεσμευτικό μοντέλο δεδομένων - Δεν χρειάζεται να γράψετε ειδικό κώδικα για να δεσμεύσετε δεδομένα στα στοιχεία ελέγχου HTML Αυτό μπορεί να γίνει από το Angular προσθέτοντας μερικά αποσπάσματα κώδικα.
-
Γράφοντας λιγότερος κώδικας - Κατά τη διεξαγωγή χειρισμών DOM απαιτείται πολλή JavaScript για τη σχεδίαση οποιασδήποτε εφαρμογής. Αλλά με το Angular, θα εκπλαγείτε με τον μικρότερο αριθμό κώδικα που πρέπει να γράψετε για χειρισμό DOM.
-
Μονάδα δοκιμών έτοιμη - Οι σχεδιαστές της Google όχι μόνο ανέπτυξαν το Angular αλλά επίσης ανέπτυξαν ένα πλαίσιο δοκιμών που ονομάζεται "Karma" το οποίο βοηθά στο σχεδιασμό δοκιμών μονάδων για εφαρμογές AngularJS.
Αρχιτεκτονική AngularJS
Το Angular.js ακολουθεί την αρχιτεκτονική MVC, το διάγραμμα του πλαισίου MVC όπως φαίνεται παρακάτω.
-
Ο Ελεγκτής αντιπροσωπεύει το επίπεδο που έχει την επιχειρηματική λογική. Τα συμβάντα χρήστη ενεργοποιούν τις λειτουργίες που είναι αποθηκευμένες στον ελεγκτή σας. Τα συμβάντα χρήστη αποτελούν μέρος του ελεγκτή.
-
Οι προβολές χρησιμοποιούνται για να αντιπροσωπεύουν το επίπεδο παρουσίασης που παρέχεται στους τελικούς χρήστες
-
Τα μοντέλα χρησιμοποιούνται για την αναπαράσταση των δεδομένων σας. Τα δεδομένα στο μοντέλο σας μπορούν να είναι τόσο απλά όσο και με πρωτόγονες δηλώσεις. Για παράδειγμα, εάν διατηρείτε μια φοιτητική εφαρμογή, το μοντέλο δεδομένων σας θα μπορούσε απλώς να έχει ένα αναγνωριστικό και ένα όνομα μαθητή. Ή μπορεί επίσης να είναι περίπλοκο έχοντας ένα μοντέλο δομημένων δεδομένων. Εάν διατηρείτε μια εφαρμογή ιδιοκτησίας αυτοκινήτου, μπορείτε να έχετε δομές για να ορίσετε το ίδιο το όχημα ως προς την χωρητικότητα του κινητήρα, τη χωρητικότητα του καθίσματος κ.λπ.
Πλεονεκτήματα AngularJS
-
Δεδομένου ότι είναι ένα πλαίσιο ανοιχτού κώδικα, μπορείτε να περιμένετε ότι ο αριθμός σφαλμάτων ή ζητημάτων θα είναι ελάχιστος.
-
Αμφίδρομη δέσμευση - Το Angular.js διατηρεί συγχρονισμένο το επίπεδο δεδομένων και παρουσίασης. Τώρα δεν χρειάζεται να γράψετε επιπλέον κώδικα JavaScript για να διατηρήσετε τα δεδομένα στον κώδικα HTML και τα δεδομένα σας αργότερα συγχρονισμένα. Το Angular.js θα το κάνει αυτόματα για εσάς. Απλά πρέπει να καθορίσετε ποιος έλεγχος συνδέεται με το μέρος του μοντέλου σας.
-
Δρομολόγηση - Η γωνιακή μπορεί να φροντίσει τη δρομολόγηση που σημαίνει μετάβαση από τη μία άποψη στην άλλη. Αυτό είναι το βασικό θεμέλιο των εφαρμογών μιας σελίδας. όπου μπορείτε να μεταβείτε σε διαφορετικές λειτουργίες στην εφαρμογή ιστού σας με βάση την αλληλεπίδραση των χρηστών, αλλά παραμείνετε στην ίδια σελίδα.
-
Δοκιμή γωνιακών υποστηρίξεων, δοκιμή μονάδας και δοκιμή ενοποίησης.
-
Επεκτείνει το HTML παρέχοντας τα δικά του στοιχεία που ονομάζονται οδηγίες. Σε υψηλό επίπεδο, οι οδηγίες είναι δείκτες σε ένα στοιχείο DOM (όπως ένα χαρακτηριστικό, όνομα στοιχείου και σχόλιο ή κλάση CSS) που λένε στον μεταγλωττιστή HTML της AngularJS να επισυνάψει μια συγκεκριμένη συμπεριφορά σε αυτό το στοιχείο DOM. Αυτές οι οδηγίες βοηθούν στην επέκταση της λειτουργικότητας των υπαρχόντων στοιχείων HTML για να δώσουν περισσότερη δύναμη στην εφαρμογή ιστού σας.