Προγραμματισμός LUMIFY WORK Angular 12

ΓΙΑΤΙ ΝΑ ΜΕΛΕΤΗΣΕΤΕ ΑΥΤΟ ΤΟ ΜΑΘΗΜΑ

Αυτό το ολοκληρωμένο μάθημα προγραμματισμού Angular 12 είναι ένας συνδυασμός θεωρητικής μάθησης και πρακτικών εργαστηρίων που περιλαμβάνει μια εισαγωγή στο Angular, ακολουθούμενη από TypeScript, στοιχεία, οδηγίες, υπηρεσίες, HTTP Client, δοκιμές και εντοπισμό σφαλμάτων.
Το μάθημα είναι γεμάτο με χρήσιμες και χρήσιμες πληροφορίες που μπορείτε να εφαρμόσετε στην εργασία σας αμέσως. Μάθετε τις βασικές αρχές της βασικής ανάπτυξης του Angular 12, όπως οι εφαρμογές περιήγησης μιας σελίδας, με απόκριση webιστότοπους και υβριδικές εφαρμογές για κινητά.
Σημείωμα: Μπορούμε επίσης να παρέχουμε εκπαίδευση σε άλλες εκδόσεις του Angular. Επικοινωνήστε μαζί μας για να κάνετε μια ερώτηση ή να δηλώσετε το ενδιαφέρον σας.

ΤΙ ΘΑ ΜΑΘΕΙΣ
Με την επιτυχή ολοκλήρωση αυτού του μαθήματος, θα είστε σε θέση:

• Αναπτύξτε εφαρμογές Angular μιας σελίδας χρησιμοποιώντας Typescript
• Ρυθμίστε ένα πλήρες περιβάλλον ανάπτυξης Angular
• Δημιουργήστε στοιχεία, οδηγίες, υπηρεσίες, σωλήνες, φόρμες και προσαρμοσμένα προγράμματα επικύρωσης
• Χειριστείτε προηγμένες εργασίες ανάκτησης δεδομένων δικτύου χρησιμοποιώντας Observables Καταναλώστε δεδομένα από το REST web υπηρεσίες που χρησιμοποιούν το Angular HT TP Client Handle push-data συνδέσεις χρησιμοποιώντας το WebΠρωτόκολλο υποδοχών
• Εργαστείτε με Angular Pipes για να μορφοποιήσετε δεδομένα
• Χρησιμοποιήστε προηγμένες δυνατότητες Angular Component Router
• Δοκιμή και εντοπισμός σφαλμάτων σε εφαρμογές Angular χρησιμοποιώντας ενσωματωμένα εργαλεία.

ΘΕΜΑΤΑ ΜΑΘΗΜΑΤΟΣ

Κεφάλαιο 1. Παρουσιάζοντας το Angular

• Τι είναι το Angular;
• Κεντρικά χαρακτηριστικά του Angular Framework Κατάλληλες θήκες χρήσης
• Δομικά στοιχεία μιας γωνιακής εφαρμογής Βασική αρχιτεκτονική μιας γωνιακής εφαρμογής Εγκατάσταση και χρήση της γωνιακής εφαρμογής
• Ανατομία μιας γωνιακής εφαρμογής που εκτελεί την εφαρμογή
• Δημιουργία και ανάπτυξη της εφαρμογής Angular για εγγενείς εφαρμογές για κινητά
• Περίληψη

Κεφάλαιο 2. Εισαγωγή στο TypeScript

• Γλώσσες προγραμματισμού για χρήση με σύνταξη Angular TypeScript
• Συντάκτες προγραμματισμού
• Σύστημα τύπων – Καθορισμός μεταβλητών
• Σύστημα τύπων – Καθορισμός πινάκων
• Βασικοί Πρωτόγονοι Τύποι
• Πληκτρολογήστε Λειτουργίες
• Τύπος συμπέρασμα
• Καθορισμός Τάξεων
• Μέθοδοι τάξης
• Έλεγχος ορατότητας
• Κατασκευαστές Τάξεων
• Κατασκευαστές τάξης – Εναλλακτικά πεδία μη αρχικοποιημένων μορφών
• Διεπαφές
• Εργασία με μονάδες ES6
• var vs ας
• Λειτουργίες βέλους
• Λειτουργία βέλους Συμπαγείς συμβολοσειρές προτύπου σύνταξης
• Τα γενόσημα στην τάξη
• Τα γενόσημα σε λειτουργία
• Περίληψη

Κεφάλαιο 3. Συστατικά

• Τι είναι ένα Component;
• Ένας π.χample Συστατικό
• Δημιουργία στοιχείου με χρήση Angular CLI
• Η Τάξη Στοιχείων
• Το @Component Decorator
• Καταχώρηση ενός στοιχείου στο πρότυπο στοιχείου μονάδας του
• Example: Πρότυπο HelloComponent
• Example: Η κλάση HelloComponent με χρήση στοιχείου
• Εκτελέστε την Εφαρμογή
• Ιεραρχία συστατικών
• Το στοιχείο ρίζας της εφαρμογής
• Το Bootstrap File
• Γάντζοι κύκλου ζωής εξαρτημάτων Example Lifecycle Hooks
• Στυλ CSS
• Περίληψη

Κεφάλαιο 4. Πρότυπα εξαρτημάτων

• Πρότυπα
• Θέση προτύπου
• Το μουστάκι {{ }} Σύνταξη
• Ρύθμιση ιδιοτήτων στοιχείου DOM
• Κείμενο σώματος ρύθμισης στοιχείου
• Δέσμευση εκδήλωσης
• Χειριστής συμβάντων έκφρασης
• Αποτροπή προεπιλεγμένου χειρισμού
• Οδηγίες Ιδιοτήτων
• Εφαρμογή στυλ αλλάζοντας τάξεις CSS
• Example: ngClass
• Άμεση εφαρμογή στυλ
• διαρθρωτικές οδηγίες
• Εκτέλεση υπό όρους προτύπου
• Example: ngΑν
• Επανάληψη με χρήση του ngFor
• ngΓια τοπικές μεταβλητές
• Χειρισμός της συλλογής Π.χample – Διαγραφή αντικειμένου
• Παρακολούθηση αντικειμένου με ngΓια εναλλαγή στοιχείων με ngΕναλλαγή στοιχείων ομαδοποίησης
• Σύνοψη μεταβλητής αναφοράς προτύπου

Κεφάλαιο 5. Επικοινωνία μεταξύ των συνιστωσών

• Βασικά στοιχεία επικοινωνίας
• Η Αρχιτεκτονική της Ροής Δεδομένων
• Προετοιμασία του παιδιού για λήψη δεδομένων
• Αποστολή δεδομένων από τον γονέα
• Περισσότερα σχετικά με τη ρύθμιση ιδιοτήτων
• Ενεργοποίηση συμβάντος από ένα στοιχείο
• @Output() Π.χample – Child Component @Output() Example – Μητρικό στοιχείο
• Πλήρες αμφίδρομο δέσιμο
• Ρύθμιση αμφίδρομης σύνδεσης δεδομένων στο Parent
• Περίληψη

Κεφάλαιο 6. Φόρμες που βασίζονται στο πρότυπο

• Φόρμες με βάση το πρότυπο
• Ενότητα εισαγωγής φορμών
• Βασική Προσέγγιση
• Ρύθμιση φόρμας
• Λήψη εισόδου χρήστη
• Παράλειψη χαρακτηριστικού ngForm
• Αρχικοποιήστε τη Φόρμα
• Αμφίδρομη δέσμευση δεδομένων
• Επικύρωση φόρμας
• Angular Validators
• Εμφάνιση κατάστασης επικύρωσης με χρήση κλάσεων Πρόσθετοι τύποι εισόδου
• Πλαίσια ελέγχου
• Επιλέξτε Πεδία (Drop Down).
• Επιλογές απόδοσης για πεδία επιλογής (αναπτυσσόμενη ημερομηνία).
• Κουμπιά ραδιοφώνου
• Περίληψη

Κεφάλαιο 7. Αντιδραστικές Μορφές

• Οι αντιδραστικές μορφές πέρασανview
• Οι οικοδομικοί λίθοι
• Εισαγωγή ReactiveFormsModule
• Κατασκευάστε μια φόρμα
• Σχεδιάστε το Πρότυπο
• Λήψη τιμών εισόδου
• Αρχικοποίηση των πεδίων εισαγωγής
• Ρύθμιση τιμών φόρμας
• Εγγραφή στο Input Changes
• Νομιμοποίηση
• Ενσωματωμένοι επικυρωτές
• Εμφάνιση σφάλματος επικύρωσης
• Προσαρμοσμένο εργαλείο επικύρωσης
• Χρήση προσαρμοσμένου εργαλείου επικύρωσης
• Παροχή διαμόρφωσης στο Custom Validator
• FormArray – Δυναμική προσθήκη εισόδων
• FormArray – Η κλάση στοιχείων
• FormArray – Το πρότυπο
• FormArray – Τιμές
• SubFormGroups – Component Class
• SubFormGroups – Πρότυπο HTML
• Γιατί να χρησιμοποιήσετε SubFormGroups
• Περίληψη

Κεφάλαιο 8. Υπηρεσίες και Έγχυση Εξάρτησης

• Τι είναι μια Υπηρεσία;
• Δημιουργία Βασικής Υπηρεσίας
• Η Τάξη Υπηρεσιών
• Τι είναι η ένεση εξάρτησης;
• Έγχυση μιας παρουσίας υπηρεσίας
• Εγχυτήρες
• Injector Hierarchy
• Καταχώρηση υπηρεσίας με το Root Injector
• Καταχώρηση μιας υπηρεσίας με ένα Component's Injector
• Καταχωρίστε μια Υπηρεσία με ένα Injector Μονάδας Χαρακτηριστικών
• Πού να καταχωρήσω μια υπηρεσία;
• Έγχυση εξάρτησης σε άλλα τεχνουργήματα που παρέχουν μια εναλλακτική ένεση εξάρτησης εφαρμογής και @Host
• Έγχυση εξάρτησης και @Προαιρετικό
• Περίληψη

Κεφάλαιο 9. Πελάτης HTTP

• Το Angular HT TP Client
• Χρήση του T he HT TP Client – ​​Overview
• Εισαγωγή HttpClientModule
• Υπηρεσία με χρήση HttpClient
• Υποβολή αιτήματος GET
• Τι κάνει ένα παρατηρήσιμο αντικείμενο;
• Χρήση της υπηρεσίας σε ένα στοιχείο
• Χειρισμός σφαλμάτων στοιχείων πελάτη PeopleService
• Προσαρμογή του αντικειμένου σφάλματος
• Υποβολή αιτήματος POST
• Υποβολή αιτήματος PUT
• Υποβολή αιτήματος ΔΙΑΓΡΑΦΗΣ

Κεφάλαιο 10. Σωλήνες και μορφοποίηση δεδομένων

• Τι είναι οι σωλήνες;
• Ενσωματωμένοι Σωλήνες
• Χρήση Pipes σε Πρότυπο HTML Chaining Pipes
• Internationalized Pipes (i18n) Loading Locale Data
• Η ημερομηνία Pipe
• Ο αριθμός Pipe
• Σωλήνας νομίσματος
• Δημιουργήστε έναν προσαρμοσμένο σωλήνα
• Custom Pipe Example
• Χρήση προσαρμοσμένων σωλήνων
• Χρήση σωλήνα με το ngFor
• Ένας σωλήνας φίλτρου
• Κατηγορία σωλήνων: Καθαρός και ακάθαρτος
• Περίληψη
• Pure Pipe Example
• Impure Pipe Example
• Περίληψη

Κεφάλαιο 11. Εισαγωγή στις εφαρμογές μιας σελίδας

• Τι είναι μια παραδοσιακή εφαρμογή μιας σελίδας (SPA). Web Εφαρμογή
• Ροή εργασιών SPA
• Advan εφαρμογής μιας σελίδαςtages HTML5 History API
• SPA Challenges
• Εφαρμογή SPA με χρήση γωνιακής σύνοψης

Κεφάλαιο 12. Ο δρομολογητής γωνιακού στοιχείου

• Το Component Router
• View Πλοήγηση
• Το API Angular Router
• Δημιουργία εφαρμογής με δυνατότητα δρομολογητή
• Φιλοξενία των δρομολογούμενων στοιχείων
• Πλοήγηση με χρήση συνδέσμων και κουμπιών
• Πλοήγηση μέσω προγραμματισμού
• Παράμετροι διαδρομής διέλευσης
• Πλοήγηση με τις παραμέτρους διαδρομής
• Λήψη των τιμών παραμέτρων διαδρομής
• Σύγχρονη ανάκτηση της παραμέτρου διαδρομής
• Ασύγχρονη ανάκτηση παραμέτρου διαδρομής
• Παράμετροι ερωτήματος
• Παροχή παραμέτρων ερωτήματος
• Ασύγχρονη ανάκτηση παραμέτρων ερωτήματος
• Προβλήματα με το εγχειρίδιο URL είσοδος και σελιδοδείκτης
• Περίληψη

Κεφάλαιο 13. Προηγμένο πρόγραμμα-πελάτη HTTP

• Επιλογές αιτήματος
• Επιστροφή ενός αντικειμένου HttpResponse
• Ρύθμιση κεφαλίδων αιτημάτων
• Δημιουργία νέων παρατηρήσιμων στοιχείων
• Δημιουργία ενός απλού παρατηρήσιμου
• Η μέθοδος παρατηρήσιμου κατασκευαστή Παρατηρήσιμοι τελεστές
• Χάρτης και Χειριστές φίλτρων
• Ο χειριστής flatMap().
• Ο χειριστής tap().
• Ο συνδυασμός zip().
• Αποθήκευση HT TP Response
• Πραγματοποίηση διαδοχικών κλήσεων HT TP
• Πραγματοποίηση παράλληλων κλήσεων
• Προσαρμογή αντικειμένου σφάλματος με catchError()
• Σφάλμα στο Pipeline
• Ανάκτηση σφαλμάτων
• Περίληψη

Κεφάλαιο 14. Γωνιακές Ενότητες

• Γιατί Angular Modules;
• Ανατομία ενός μαθήματος ενότητας
• Ιδιότητες @NgModule
• Ενότητες χαρακτηριστικών
• Example Δομή Ενότητας
• Δημιουργήστε μια μονάδα τομέα
• Δημιουργήστε ένα ζεύγος μονάδων δρομολόγησης/δρομολόγησης
• Δημιουργήστε μια ενότητα υπηρεσιών
• Δημιουργία κοινών ενοτήτων

Κεφάλαιο 15. Προηγμένη δρομολόγηση

• Δρομολόγηση Ενεργοποιημένη λειτουργική μονάδα
• Χρήση της λειτουργικής μονάδας
• Lazy Loading the Feature Module
• Δημιουργία συνδέσμων για τα στοιχεία της λειτουργικής μονάδας
• Περισσότερα για το Lazy Loading
• Προφόρτωση ενοτήτων
• Προεπιλεγμένη διαδρομή
• Διαδρομή μπαλαντέρ
• ανακατεύθυνση σε
• Παιδικές διαδρομές
• Καθορισμός Παιδικών Διαδρομών
• για Παιδικές Διαδρομές
• Σύνδεσμοι για Παιδικές Διαδρομές
• Φρουροί Ναυσιπλοΐας
• Δημιουργία Εφαρμογών Φρουράς
• Χρήση φρουρών σε μια διαδρομή
• Περίληψη

Κεφάλαιο 16. Δοκιμές Μονάδων Γωνιακών Εφαρμογών

• Δοκιμή μονάδας γωνιακών τεχνουργημάτων
• Εργαλεία δοκιμών
• Τυπικά βήματα δοκιμής
• Αποτελέσματα Δοκιμών
• Jasmine Test Suites
• Προδιαγραφές Jasmine (Δοκιμές μονάδας)
• Προσδοκίες (Ισχυρισμοί)
• Ταίριασμα
• ExampLes of Use Matchers
• Χρησιμοποιώντας το μη Ιδιότητα
• Setup and Teardown σε Unit Test Suites
• Example των συναρτήσεων beforeEach και afterEach
• Angular Test Module
• Example Angular Test Module
• Δοκιμή υπηρεσίας
• Έγχυση μιας παρουσίας υπηρεσίας
• Δοκιμάστε μια σύγχρονη μέθοδο
• Δοκιμάστε μια ασύγχρονη μέθοδο
• Χρήση Mock HT TP Client
• Παροχή κονσερβοποιημένης απάντησης
• Δοκιμή ενός στοιχείου
• Ενότητα δοκιμής εξαρτημάτων
• Δημιουργία παρουσίας στοιχείου
• Η κλάση ComponentFixture
• Δοκιμές βασικών εξαρτημάτων
• Η κλάση DebugElement
• Προσομοίωση αλληλεπίδρασης χρήστη
• Περίληψη

Κεφάλαιο 17. Εντοπισμός σφαλμάτων

• Υπερview του Angular Debugging
• Viewπληκτρολογώντας τον κώδικα TypeScript στο πρόγραμμα εντοπισμού σφαλμάτων
• Χρησιμοποιώντας τη Λέξη-κλειδί εντοπισμού σφαλμάτων
• Καταγραφή εντοπισμού σφαλμάτων
• Τι είναι το Angular DevTools;
• Χρήση Angular DevTools
• Angular DevTools – Component Structure
• Angular DevTools – Εκτέλεση ανίχνευσης αλλαγών
• Λήψη συντακτικών σφαλμάτων
• Περίληψη

Εργαστηριακές Ασκήσεις

• Εργαστήριο 1. Εισαγωγή στο Angular
• Εργαστήριο 2. Εισαγωγή στο TypeScript
• Εργαστήριο 3. Εισαγωγή στα εξαρτήματα
• Εργαστήριο 4. Πρότυπο στοιχείου
• Εργαστήριο 5. Δημιουργήστε ένα στοιχείο συλλογής φωτογραφιών
• Εργαστήριο 6. Πρότυπη φόρμα
• Εργαστήριο 7. Δημιουργήστε μια φόρμα επεξεργασίας
• Εργαστήριο 8. Αντιδραστική Μορφή
• Εργαστήριο 9. Ανάπτυξη υπηρεσίας
• Εργαστήριο 10. Ανάπτυξη ενός προγράμματος-πελάτη HT TP
• Εργαστήριο 11. Χρήση σωλήνων
• Lab 12. Basic Single Page Application Using Router Lab 13. Δημιουργία εφαρμογής μίας σελίδας (SPA)
• Εργαστήριο 14. Advanced HT TP Client
• Εργαστήριο 15. Χρήση Angular Bootstrap
• Εργαστήριο 16. Lazy Module Loading
• Εργαστήριο 17. Προηγμένη δρομολόγηση
• Εργαστήριο 18. Δοκιμές Μονάδων
• Εργαστήριο 19. Αποσφαλμάτωση γωνιακών εφαρμογών

ΓΙΑ ΠΟΙΟΥΣ ΕΙΝΑΙ ΤΟ ΜΑΘΗΜΑ;
Αυτό το μάθημα απευθύνεται σε οποιονδήποτε χρειάζεται να μάθει τις βασικές αρχές της ανάπτυξης του Angular 12 και να το εφαρμόσει στη δημιουργία web εφαρμογές αμέσως. Μπορούμε επίσης να παραδώσουμε και να προσαρμόσουμε αυτό το εκπαιδευτικό σεμινάριο για μεγαλύτερες ομάδες – εξοικονομώντας χρόνο, χρήματα και πόρους του οργανισμού σας.

ΠΡΟΫΠΟΘΕΣΕΙΣ
Web Απαιτείται εμπειρία ανάπτυξης με χρήση HTML, CSS και JavaScript για να αξιοποιήσετε στο έπακρο αυτό το μάθημα Angular. Η γνώση του προγράμματος περιήγησης DOM είναι επίσης χρήσιμη. Δεν απαιτείται προηγούμενη εμπειρία Angular, με το AngularJS ή οποιαδήποτε έκδοση του Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Έγγραφα / Πόροι

Προγραμματισμός LUMIFY WORK Angular 12 [pdf] Οδηγός χρήστη Angular 12 Programming, Angular, 12 Programming, Programming

Αναφορές

• Εγχειρίδιο χρήστη