angularjs tutorial absolute beginners
Εισαγωγή στο AngularJS: Τι είναι το AngularJS, τα οφέλη, τα χαρακτηριστικά και τον οδηγό λήψης και εγκατάστασης
Το AngularJS είναι μια γλώσσα προγραμματισμού που γίνεται δημοφιλής στις μέρες μας.
Είναι το 2018 και οι τεχνολογικές εξελίξεις κορυφώθηκαν φέτος. Οι γλώσσες προγραμματισμού όπως Python, AngularJS, Ruby on Rails, React και Redux JS, κ.λπ. είναι οι πιο περιζήτητες.
Μπορείτε εύκολα να πάρετε μια δουλειά εάν αποκτήσετε κάποια από αυτές τις γλώσσες προγραμματισμού μαζί με τις παλαιότερες γλώσσες όπως το JAVA ή το C ++. Είναι πολύ σημαντικό να είστε ενημερωμένοι με τις νέες τάσεις προγραμματισμού για να διατηρήσετε το πηλίκο της μάθησής σας υψηλό.
Μας Σειρά AngularJS Τα σεμινάρια θα σας δώσουν πλήρη γνώση του AngularJS.
************************************************** *****************************
συνεντεύξεις ερωτήσεις και απαντήσεις για αναλυτές επιχειρήσεων
Μάθετε γρήγορα AngularJS με αυτά τα 6 Tutorials:
Εκμάθηση # 1 - Εισαγωγή στο AngularJS (Αυτό το σεμινάριο)
Εκμάθηση # 2 - Οδηγία AngularJS με παράδειγμα
Εκμάθηση # 3 - Δημιουργία μίας σελίδας εφαρμογής χρησιμοποιώντας AngularJS
Εκμάθηση # 4 - Διαφορά μεταξύ γωνιακών εκδόσεων
Εκμάθηση # 5 - Εργαλείο μοιρογνωμόνων για δοκιμή End-to-end των εφαρμογών AngularJS
Εκμάθηση # 6 - Κορυφαίες ερωτήσεις συνέντευξης AngularJS
************************************************** ******************************
Οι οργανισμοί προσπαθούν να προσλάβουν άτομα με βάση την παραγωγικότητά τους. Εάν ένα άτομο είναι σε θέση να αναπτύξει κώδικα και να παράγει έξοδο σε μικρότερο χρόνο, τότε προφανώς παίρνει το προβάδισμα έναντι των άλλων.
Λαμβάνοντας υπόψη τη ζήτηση στις τρέχουσες αγορές, καθώς και το χρόνο που απαιτείται για έναν πλήρη αρχάριο για να μάθει και να δημιουργήσει εφαρμογές πραγματικού κόσμου, η καλύτερη γλώσσα προγραμματισμού για να μάθεις τώρα, είναι το AngularJS.
Για να ξεκινήσετε με τη σειρά, ας δούμε μια σύντομη Εισαγωγή στο AngularJS.
Τι θα μάθετε:
- Τι είναι το AngularJS;
- Πότε ήρθε η AngularJS στην εικόνα;
- Γιατί AngularJS;
- Προαπαιτούμενα για εκμάθηση AngularJS
- Χαρακτηριστικά του AngularJS
- Εκφράσεις σε AngularJS
- Φίλτρα AngularJS
- Πώς να ρυθμίσετε το περιβάλλον ώστε να λειτουργεί με το AngularJS;
- Η πρώτη σας αίτηση
- Περιορισμοί του AngularJS
- συμπέρασμα
- Συνιστώμενη ανάγνωση
Τι είναι το AngularJS;
Το AngularJS είναι ένα πλαίσιο JavaScript που λειτουργεί από την πλευρά του πελάτη και χρησιμοποιείται για την ανάπτυξη εφαρμογών ιστού.
Αυτό σημαίνει ότι ο κώδικας που γράφετε θα εκτελεστεί από το πρόγραμμα περιήγησης και όχι από το διακομιστή. Είναι ένα δημοφιλές και ισχυρό πλαίσιο JavaScript και χρησιμοποιείται ευρέως σε έργα εφαρμογών μίας σελίδας και σε σειρά επιχειρηματικών εφαρμογών.
Λόγω αυτού, διατίθενται πολλές εταιρείες ανάπτυξης εφαρμογών της AngularJs.
Πότε ήρθε η AngularJS στην εικόνα;
Η ανάπτυξη Ιστού είναι ένας από τους πιο προτιμώμενους και οικονομικά αποδοτικούς τρόπους για τη δημιουργία κατανεμημένων εφαρμογών.
Η ανάπτυξη που πραγματοποιείται μία φορά σε ένα μηχάνημα μπορεί να γίνει προσιτή σε όλους τους χρήστες στον παγκόσμιο ιστό. Ένα από τα ζητήματα απόδοσης που προέκυψαν ήταν το ζήτημα δημοσίευσης σελίδας που είχε ως αποτέλεσμα καθυστέρηση επικοινωνίας μεταξύ του πελάτη και του διακομιστή.
Το AngularJS αναπτύχθηκε από τους Misko και Adam Abrons το 2009 για να βοηθήσει στην καταπολέμηση τέτοιων ζητημάτων και διατηρείται από την Google από τότε. Πρόκειται για ένα έργο ανοιχτού κώδικα που σημαίνει ότι μπορείτε ελεύθερα να το χρησιμοποιήσετε και να το μοιραστείτε.
Αρκετές εφαρμογές ιστού δημιουργούνται από τη σύλληψή της και πολλές από τις εφαρμογές παρατίθενται σε αυτήν δικτυακός τόπος .
Γιατί AngularJS;
Έχουμε ήδη πολλά πλαίσια JavaScript όπως το React JS, το Node JS, το Backbone JS, κλπ. Ωστόσο, γιατί προτιμούμε το AngularJS από τα υπάρχοντα;
Όταν αναπτύσσετε ιστοσελίδες χρησιμοποιώντας το AngularJS, οι σελίδες δεν θα ανανεώνονται συχνά λόγω των λειτουργιών που εκτελεί ένας χρήστης στην ιστοσελίδα. Αυτό, με τη σειρά του, είναι απαραίτητο για την ταχύτερη παραγωγή στους χρήστες μέσω της ιστοσελίδας.
Αλλά πώς επιτυγχάνεται αυτό το AngularJS;
Τα οφέλη του AngularJS που αναφέρονται παρακάτω θα απαντούσαν στις παραπάνω ερωτήσεις.
Υπάρχουν πολλά οφέλη όπως αναφέρονται παρακάτω:
# 1) Έγχυση εξάρτησης
Στη μηχανική λογισμικού, η εξάρτηση εξάρτησης αναφέρεται στη διέλευση αντικειμένων μεταξύ της εφαρμογής και του πελάτη.
Η ένεση είναι το φαινόμενο της μετάδοσης μιας εξάρτησης (ας πούμε μια υπηρεσία εφαρμογών) σε ένα εξαρτημένο αντικείμενο (ας πούμε έναν πελάτη) που θα τη χρησιμοποιούσε. Το AngularJS παρέχει πολλά βασικά στοιχεία για την επίτευξη αυτού του σκοπού με απλότητα.
# 2) Ελεγκτής προβολής μοντέλου
Το AngularJS χρησιμοποιείται για τη δημιουργία Εμπλουτισμένων Εφαρμογών Διαδικτύου (RIA) και η αμφίδρομη σύνδεση δεδομένων είναι εφικτή λόγω της αρχιτεκτονικής MVC (μοντέλο view controller) στο Angular JS
Μια βασική απεικόνιση αυτής της αρχιτεκτονικής είναι όπως φαίνεται παρακάτω:
Μοντέλο MVC για AngularJS
Ως προγραμματιστές, πρέπει απλώς να χωρίσουμε τον κώδικά μας στο μοντέλο, την προβολή και τον ελεγκτή και οι υπόλοιπες λειτουργίες όπως η διαχείριση των στοιχείων και η σύνδεσή τους θα γίνουν αυτόματα από την AngularJS.
# 3) Αμφίδρομη δέσμευση δεδομένων
Οι αλλαγές στο λογισμικό πρέπει να ανταποκρίνονται και οι αλλαγές στο σύστημα πρέπει να καλύπτονται από τις αλλαγές στη διεπαφή χρήστη και αντίστροφα, με ακρίβεια και ταχύτητα.
Το AngularJS προσφέρει αυτό το είδος δέσμευσης συγχρονίζοντας μεταξύ του μοντέλου και της προβολής.
# 4) Δοκιμές
Είναι ενδιαφέρον να γνωρίζουμε το γεγονός ότι το AngularJS σχεδιάστηκε έχοντας κατά νου τις δοκιμές, από την αρχή.
Οποιοδήποτε από τα συστατικά του AngularJS μπορεί να ελεγχθεί άνετα χρησιμοποιώντας δοκιμές μονάδας και δοκιμή από άκρο σε άκρο. Η εφαρμογή μπορεί να μεταφερθεί σε προγράμματα περιήγησης για δοκιμές.
# 5) Έλεγχος της συμπεριφοράς των στοιχείων DOM
Τα χαρακτηριστικά του AngularJS μπορούν να συνδεθούν με οδηγίες έτσι ώστε να είναι δυνατή η αυτόματη προετοιμασία της εφαρμογής.
Αυτό σημαίνει ότι υπάρχει αρθρωτότητα στο AngularJS και με τη βοήθεια των χαρακτηριστικών του, όπως οδηγίες και φίλτρα, μπορεί να επιτευχθεί μια αίσθηση προσαρμογής και ευελιξίας στον κώδικα.
Τώρα, έχουμε δει τις απαντήσεις σε όλα τα γιατί - ερωτήματα που μπορεί να προκύψουν ως αποτέλεσμα ανησυχιών για την εκμάθηση κάτι καινούργιο και νομίζω ότι είμαστε καλοί να συνεχίσουμε.
Είναι πάντα καλύτερο να μαθαίνουμε μια τεχνολογική τάση και να συνεχίζουμε να ενημερώνουμε τον εαυτό μας συχνά για να αξιοποιήσουμε στο έπακρο την καριέρα μας και επίσης να διατηρούμε ότι το περίεργο μυαλό μας πάντα διψά για γνώση.
Προαπαιτούμενα για εκμάθηση AngularJS
Είναι σημαντικό και επωφελές να γνωρίζετε μερικά πράγματα εκ των προτέρων για να επιταχύνετε τον μαθησιακό σας ρυθμό.
HTML και CSS θα μπορούσαν να χρησιμοποιηθούν για τη δημιουργία των δικών σας ιστοσελίδων, ώστε να μπορούν να γίνουν δοκιμές σε αυτές. Για να κωδικοποιήσετε στο AngularJS, είναι σημαντικό να έχετε μια βασική κατανόηση της JavaScript.
Ως εκ τούτου, συνιστάται να αποκτήσετε μια βασική κατανόηση των HTML και CSS μαζί με τις έννοιες της εφαρμογής JavaScript, πριν ξεκινήσετε με το AngularJS.
Χαρακτηριστικά του AngularJS
Στη γλώσσα AngularJS υπάρχουν πολλές προσφορές που είναι μοναδικές και αποκλειστικές. Είναι καλύτερα να εξοικειωθείτε με αυτά πριν δημιουργήσετε ένα περιβάλλον για να γράψετε και να εκτελέσετε τον κώδικα στο AngularJS.
Αρχιτεκτονική MVC
Ο σχεδιασμός Model-View-Controller του AngularJS πρέπει να γίνει κατανοητός, για την κατανόηση του τρόπου λειτουργίας του κώδικα.
Το MVC αποτελεί τον πυρήνα αυτής της γλώσσας προγραμματισμού και ως εκ τούτου είναι επίσης πολύ σημαντικό. Κάθε φορά που συμβαίνει ένα συμβάν, το τμήμα ελεγκτή της βάσης κώδικα λαμβάνει την είσοδο του συμβάντος που αποτελείται από ποικίλα αιτήματα για την εφαρμογή.
Το πρότυπο μοντέλο της βάσης κώδικα, που συνήθως είναι η λογική του πυρήνα, συντονίζεται με τον ελεγκτή και προετοιμάζει τα απαιτούμενα δεδομένα που πρέπει να χρησιμοποιηθούν από την προβολή για τη δημιουργία μιας παρουσιάσιμης εξόδου. Ως εκ τούτου, υπάρχει διαχωρισμός των ανησυχιών στην αρχιτεκτονική της γλώσσας προγραμματισμού καθώς απομονώνει τη λογική της εφαρμογής από το επίπεδο UI.
Αυτός είναι ο λόγος για τον οποίο το AngularJS χρησιμοποιείται ευρέως στην ανάπτυξη Ενιαίων Σελίδων Εφαρμογών (SPA).
Οδηγίες
Το AngularJS είναι ενσωματωμένο στον κώδικα HTML για τη δημιουργία ιστοσελίδων και οι «Οδηγίες» είναι τα ειδικά χαρακτηριστικά του AngularJS και χρησιμοποιούνται για την ενσωμάτωσή τους.
Εκφράσεις σε AngularJS
Οι εκφράσεις AngularJS μπορούν να περιέχουν κυριολεκτικά, τελεστές ή μεταβλητές, σε αντίθεση με την παραδοσιακή JavaScript.
Θα μπορούσαν να γραφτούν μέσα στην ίδια την ετικέτα HTML, αλλά πρέπει να ληφθεί μέριμνα για την προσθήκη της οδηγίας ng-app, αλλιώς η έκφραση θα εμφανίζεται ως έχει, χωρίς να επιλυθεί.
Οι εκφράσεις AngularJS θα μπορούσαν να γραφτούν μέσα σε διπλά σγουρά στηρίγματα ή μπορούν να γραφτούν μέσα σε μια οδηγία.
Σύνταξη:
Μέσα σγουρά τιράντες:
My first expression in Angular JS: {{3+3}}
Εσωτερική οδηγία:
Αριθμοί AngularJS
Αυτός ο τύπος δεδομένων είναι ακριβώς όπως ο τύπος δεδομένων JavaScript και οι τελεστές θα μπορούσαν να χρησιμοποιηθούν για την εμφάνιση αποτελεσμάτων.
Παράδειγμα:
The value of 5 times 10 is : {{5*10}}
Χορδές AngularJS
Οι συμβολοσειρές μπορούν να αρχικοποιηθούν χρησιμοποιώντας οδηγία ng-init ή οδηγία ng-controller. Η συνένωση συμβολοσειρών είναι επίσης δυνατή όταν ο τελεστής + χρησιμοποιείται στην έκφραση.
Οι χορδές θα μπορούσαν επίσης να χρησιμοποιηθούν ως εκφράσεις σε διπλά σγουρά τιράντες ή να χρησιμοποιούν οδηγία ng-bind όπως οι αριθμοί AngularJS.
Σύνταξη:
Μέσα σγουρά τιράντες:
My first string expression in Angular JS: {{ first string variable name + second string variable name }}
