ΕΦΑΡΜΟΓΗ ΚΑΙ WEB ΑΝΑΠΤΥΞΗ
Προγραμματισμός Angular 15
ΜΗΚΟΣ 5 μέρες
ΕΚΔΟΧΗ 15
ΓΙΑΤΙ ΝΑ ΜΕΛΕΤΗΣΕΤΕ ΑΥΤΟ ΤΟ ΜΑΘΗΜΑ
Αυτό το εντατικό και ολοκληρωμένο εκπαιδευτικό πρόγραμμα Angular 15 παρέχει στους συμμετέχοντες δεξιότητες που μπορούν να χρησιμοποιήσουν αμέσως στην εργασία τους. Θα μάθετε τις βασικές αρχές της ανάπτυξης του Angular 15, όπως ιόντα εφαρμογών προγράμματος περιήγησης μιας σελίδας, απόκριση webτοποθεσίες και υβριδικά ιόντα εφαρμογών για κινητά.
Αυτό το μάθημα είναι ένας συνδυασμός θεωρητικής μάθησης και πρακτικών εργαστηρίων που περιλαμβάνει μια εισαγωγή στο Angular, ακολουθούμενη από TypeScript, συστατικά στοιχεία, άμεσες επιλογές, υπηρεσίες, HTTPClient, δοκιμή και εντοπισμό σφαλμάτων.
Σημείωμα: Μπορούμε επίσης να παρέχουμε εκπαίδευση σε άλλες εκδόσεις του Angular. Επικοινωνήστε μαζί μας για να κάνετε μια ερώτηση ή να δηλώσετε το ενδιαφέρον σας.
ANGULAR AT LUMIFY WORK
ΤΙ ΘΑ ΜΑΘΕΙΣ
Με την επιτυχή ολοκλήρωση αυτού του μαθήματος, θα έχετε τις γνώσεις για:
- Αναπτύξτε ιόντα γωνιακής εφαρμογής μιας σελίδας χρησιμοποιώντας το Typescript
- Ρυθμίστε ένα πλήρες περιβάλλον ανάπτυξης Angular
- Δημιουργήστε στοιχεία, Directives, Υπηρεσίες, Pipes, Forms και Custom Validators
- Χειριστείτε προηγμένες εργασίες ανάκτησης δεδομένων δικτύου χρησιμοποιώντας Observables
- Καταναλώστε δεδομένα από το REST web υπηρεσίες που χρησιμοποιούν το Angular HTTP Client
- Χειριστείτε τα ιόντα σύνδεσης push-data χρησιμοποιώντας το WebΠρωτόκολλο υποδοχής
- Εργαστείτε με Angular Pipes για να μορφοποιήσετε δεδομένα
- Χρησιμοποιήστε προηγμένες δυνατότητες Angular Component Router
- Δοκιμή και εντοπισμός σφαλμάτων γωνιακών εφαρμογών ιόντων χρησιμοποιώντας ενσωματωμένα εργαλεία
- Εργαστείτε με το Angular CLI
Ο εκπαιδευτής μου ήταν υπέροχος που μπορούσε να βάλει σενάρια σε πραγματικές περιπτώσεις που σχετίζονταν με τη συγκεκριμένη κατάστασή μου.
Με έκαναν να νιώθω ευπρόσδεκτος από τη στιγμή που έφτασα και η ικανότητα να καθίσω ως ομάδα έξω από την τάξη για να συζητήσουμε τις καταστάσεις και τους στόχους μας ήταν εξαιρετικά πολύτιμη.
Έμαθα πολλά και ένιωσα ότι ήταν σημαντικό να επιτευχθούν οι στόχοι μου παρακολουθώντας αυτό το μάθημα.
Εξαιρετική δουλειά η ομάδα Lumify Work.
AMANDA NICOL
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED
ΘΕΜΑΤΑ ΜΑΘΗΜΑΤΟΣ
- Παρουσιάζοντας το Angular
• Τι είναι το Angular;
• Κεντρικά χαρακτηριστικά του Angular Framework
• Κατάλληλες θήκες χρήσης
• Δομικά στοιχεία μιας γωνιακής εφαρμογής
• Βασική Αρχιτεκτονική Γωνιακής Εφαρμογής
• Εγκατάσταση και χρήση του Angular
• Ανατομία ιόντος γωνιακής εφαρμογής
• Εκτέλεση του ιόντος εφαρμογής
• Δημιουργία και ανάπτυξη της Εφαρμογής
• Angular για εγγενείς εφαρμογές για κινητά - Εισαγωγή στο TypeScript
• Γλώσσες Προγραμματισμού για χρήση με Angular
• Σύνταξη TypeScript
• Συντάκτες προγραμματισμού
• Σύστημα τύπων – Ορισμός μεταβλητών
• Σύστημα τύπων – Ορισμός πινάκων
• Βασικοί τύποι Primit ive
• Πληκτρολογήστε ιόντα συνάρτησης
• Τύπος συμπερασμάτων
• Καθορισμός Τάξεων
• Μέθοδοι τάξης
• Έλεγχος ορατότητας
• Κατασκευαστές Τάξεων
• Κατασκευαστές Τάξεων – Εναλλακτική Φόρμα
• Μη αρχικοποιημένα πεδία
• Διεπαφές
• Εργασία με μονάδες ES6
• var vs let
• Λειτουργίες βέλους
• Λειτουργία βέλους Συμπαγής σύνταξη
• Συμβολοσειρές προτύπων
• Τα γενόσημα στην τάξη
• Τα γενόσημα σε ιόν συνάρτησης - εξαρτήματα
• Τι είναι το Component;
• Ένας Π.Χample Συστατικό
• Δημιουργία στοιχείου με χρήση Angular CLI
• Η Τάξη Στοιχείων
• Το @Component Decorator
• Καταχώρηση ενός στοιχείου στη μονάδα του
• Πρότυπο στοιχείου
• Πχample: Πρότυπο HelloComponent
• Πχample: Η κλάση HelloComponent
• Χρήση ενός στοιχείου
• Εκτελέστε την Εφαρμογή
• Ιεραρχία Στοιχείων
• Το στοιχείο ρίζας ιόντων εφαρμογής
• Το Bootstrap File
• Γάντζοι κύκλου ζωής εξαρτημάτων
• Πχample Lifecycle Hooks
• Στυλ CSS - Πρότυπα εξαρτημάτων
• Πρότυπα
• Θέση προτύπου
• Το μουστάκι {{ }} Σύνταξη
• Ρύθμιση ιδιοτήτων στοιχείου DOM
• Ρύθμιση κειμένου σώματος στοιχείου
• Δέσμευση συμβάντος
• Εργαλείο χειρισμού συμβάντων έκφρασης
• Αποτροπή προεπιλεγμένου χειρισμού
• Οδηγίες Ιδιοτήτων
• Εφαρμογή στυλ αλλάζοντας τάξεις CSS
• Πχample: ngClass
• Άμεση εφαρμογή στυλ
• Διαρθρωτικές Οδηγίες
• Υπό όρους Εκτέλεση προτύπου
• Πχample: ngΑν
• Looping με χρήση του ngFor
• ngΓια τοπικές μεταβλητές
• Χειρισμός της Συλλογής
• Πχample – Διαγραφή αντικειμένου
• Παρακολούθηση αντικειμένου με το ngFor
• Εναλλαγή στοιχείων με ngSwitch
• Στοιχεία Ομαδοποίησης
• Μεταβλητή αναφοράς προτύπου - Επικοινωνία μεταξύ συστατικών
• Βασικά στοιχεία επικοινωνίας
• Η Αρχιτεκτονική της Ροής Δεδομένων
• Προετοιμασία του παιδιού για λήψη δεδομένων
• Αποστολή Δεδομένων από Γονέα
• Περισσότερα σχετικά με τη ρύθμιση ιδιοτήτων
• Έναρξη συμβάντος από ένα στοιχείο
• @Output() Π.χample – Child Component
• @Output() Π.χample – Μητρικό στοιχείο
• Πλήρης αμφίδρομη βιβλιοδεσία
• Ρύθμιση Two Way Data Binding στο Parent - Πρότυπο και Οδηγούμενες Φόρμες
• Φόρμες που βασίζονται σε πρότυπο
• Ενότητα εισαγωγής φορμών
• Βασική Προσέγγιση
• Ρύθμιση φόρμας
• Λήψη εισόδου χρήστη
• Παράλειψη χαρακτηριστικού ngForm
• Αρχικοποιήστε τη Φόρμα
• Αμφίδρομη δέσμευση δεδομένων
• Επικύρωση φόρμας
• Angular Validators
• Εμφάνιση κατάστασης ιόντων επικύρωσης με χρήση κλάσεων
• Πρόσθετοι τύποι εισόδου
• Πλαίσια ελέγχου
• Επιλέξτε (Drop Down) Πεδία
• Επιλογές απόδοσης για Επιλογή (Drop Down)
• Πεδία ημερομηνίας
• Κουμπιά ραδιοφώνου - Αντιδραστικές Μορφές
• Αντιδραστικές Μορφές Πάνωview
• Τα Οικοδομικά Μπλοκ
• Εισαγωγή Reactive FormsModule
• Κατασκευάστε μια φόρμα
• Σχεδιάστε το Πρότυπο
• Λήψη τιμών εισόδου
• Εκκίνηση των Πεδίων Εισόδου
• Ορισμός τιμών φόρμας
• Εγγραφή στο Input Changes
• Επικύρωση
• Ενσωματωμένοι επικυρωτές
• Εμφάνιση σφάλματος επικύρωσης
• Προσαρμοσμένο πρόγραμμα επικύρωσης
• Χρήση προσαρμοσμένου εργαλείου επικύρωσης
• Παροχή διαμόρφωσης στο Custom Validator
• FormArray – Δυναμική προσθήκη εισόδων
• FormArray – Η κλάση στοιχείων
• FormArray – Το πρότυπο
• FormArray – Τιμές
• SubFormGroups – Κατηγορία στοιχείων
• SubFormGroups – Πρότυπο HTML
• Γιατί να χρησιμοποιήσετε SubFormGroups - Υπηρεσίες και Έγχυση Εξάρτησης
• Τι είναι η Υπηρεσία;
• Δημιουργία Βασικής Υπηρεσίας
• Η Τάξη Υπηρεσιών
• Τι είναι η ένεση εξάρτησης;
• Έγχυση παρουσίας υπηρεσίας
• Μπεκ
• Hierarchy Injector
• Καταχώρηση υπηρεσίας με το Root Injector
• Καταχώρηση υπηρεσίας με Component's Injector
• Καταχωρίστε μια υπηρεσία με μια μονάδα έγχυσης λειτουργιών
• Πού να καταχωρήσετε μια Υπηρεσία;
• Έγχυση εξάρτησης σε άλλα αντικείμενα
• Παροχή εναλλακτικής υλοποίησης
• Dependency Injection και @Host
• Έγχυση εξάρτησης και @Προαιρετικό - Πελάτης HTTP
• Το Angular HTTP Client
• Χρήση του προγράμματος-πελάτη HTTP – Πάνωview
• Εισαγωγή HttpClientModule
• Υπηρεσία με χρήση HttpClient
• Υποβολή αιτήματος GET
• Τι κάνει ένα παρατηρήσιμο αντικείμενο;
• Χρήση της Υπηρεσίας σε ένα στοιχείο
• Το στοιχείο PeopleService Client
• Χειρισμός σφαλμάτων
• Προσαρμογή του Αντικειμένου Σφάλματος
• Υποβολή αιτήματος POST
• Υποβολή αιτήματος PUT
• Υποβολή αιτήματος ΔΙΑΓΡΑΦΗΣ - Σωλήνες και Μορφοποίηση δεδομένων
• Τι είναι οι σωλήνες;
• Ενσωματωμένοι Σωλήνες
• Χρήση Pipes σε Πρότυπο HTML
• Αλυσοσωλήνες
• Διεθνείς σωλήνες (i18n)
• Φόρτωση τοπικών δεδομένων
• Η ημερομηνία Pipe
• Ο αριθμός Pipe
• Σωλήνας νομίσματος
• Δημιουργήστε έναν προσαρμοσμένο σωλήνα
• Custom Pipe Example
• Χρήση προσαρμοσμένων σωλήνων
• Χρήση σωλήνα με το ngFor
• Ένας σωλήνας φίλτρου
• Κατηγορία σωλήνων: Καθαρός και ακάθαρτος
• Pure Pipe Example
• Impure Pipe Example - Εισαγωγή στις εφαρμογές μιας σελίδας
• Τι είναι ένα ιόν εφαρμογής μιας σελίδας (SPA)
• Παραδοσιακό Web Εφαρμογή
• Ροή εργασιών SPA
• Advan Εφαρμογής Μονής Σελίδαςtages
• HTML5 History API
• SPA Challenges
• Εφαρμογή των SPA με χρήση Angular - Το Angular Component Router
• Το Component Router
• View Πλοήγηση
• Το API Angular Router
• Δημιουργία εφαρμογής με δυνατότητα δρομολογητή
• Φιλοξενία των δρομολογούμενων στοιχείων
• Πλοήγηση με χρήση συνδέσμων και κουμπιών
• Πλοήγηση μέσω προγραμματισμού
• Παράμετροι διαδρομής διέλευσης
• Πλοήγηση με παραμέτρους διαδρομής
• Λήψη των τιμών παραμέτρων διαδρομής
• Σύγχρονη ανάκτηση της παραμέτρου διαδρομής
• Ασύγχρονη ανάκτηση παραμέτρου διαδρομής
• Παράμετροι ερωτήματος
• Παροχή παραμέτρων ερωτήματος
• Ασύγχρονη ανάκτηση παραμέτρων ερωτήματος
• Προβλήματα με το Εγχειρίδιο URL είσοδος και σελιδοδείκτης - Προηγμένο πρόγραμμα-πελάτη HTTP
• Επιλογές αιτήματος
• Επιστροφή ενός αντικειμένου HttpResponse
• Ρύθμιση κεφαλίδων αιτημάτων
• Δημιουργία νέων παρατηρήσιμων στοιχείων
• Δημιουργία απλού παρατηρήσιμου
• Η μέθοδος του Observable Constructor
• Παρατηρήσιμοι χειριστές
• Οι χειριστές χάρτη και φίλτρων
• Ο χειριστής flatMap().
• Ο χειριστής tap().
• Ο συνδυασμός zip().
• Αποθήκευση απόκρισης HTTP
• Πραγματοποίηση διαδοχικών κλήσεων HTTP
• Πραγματοποίηση παράλληλων κλήσεων
• Προσαρμογή αντικειμένου σφάλματος με catchError()
• Σφάλμα στο Pipeline
• Ανάκτηση σφαλμάτων - Angular Modules
• Γιατί Angular Modules;
• Ανατομία Μαθήματος Ενοτήτων
• Ιδιότητες @NgModule
• Ενότητες λειτουργιών
• Πχample Δομή Ενότητας
• Δημιουργήστε ένα Domain Module
• Δημιουργήστε ένα ζεύγος μονάδων δρομολόγησης/δρομολόγησης
• Δημιουργήστε μια μονάδα εξυπηρέτησης
• Δημιουργία Κοινών Ενοτήτων
• Χρήση μιας μονάδας από την άλλη - Προηγμένη δρομολόγηση
• Ενεργοποιημένη μονάδα δυνατοτήτων δρομολόγησης
• Χρήση της λειτουργικής μονάδας
• Lazy Loading the Feature Module
• Δημιουργία συνδέσμων για τα στοιχεία της λειτουργικής μονάδας
• Περισσότερα για το Lazy Loading
• Προφόρτωση ενοτήτων
• routerLinkActive binding
• Προεπιλεγμένη διαδρομή
• Διαδρομή μπαλαντέρ
• ανακατεύθυνσηΣε
• Παιδικές διαδρομές
• Καθορισμός Παιδικών Διαδρομών για Παιδικές Διαδρομές
• Σύνδεσμοι για Παιδικές Διαδρομές
• Φρουροί πλοήγησης
• Δημιουργία Εφαρμογών Φρουράς
• Χρήση φρουρών σε μια διαδρομή - Δοκιμή μονάδων γωνιακών εφαρμογών
• Μονάδα δοκιμής γωνιακών τεχνουργημάτων
• Εργαλεία δοκιμής
• Τυπικά βήματα δοκιμής
• Αποτελέσματα δοκιμής
• Jasmine Test Suites
• Προδιαγραφές Jasmine (Δοκιμές μονάδας)
• Προσδοκίες (Ιόντα επιβεβαίωσης)
• Ταίριασμα
• ΠχampLes of Use Matchers
• Χρησιμοποιώντας το μη Ιδιότητα
• Setup and Teardown σε Unit Test Suites
• Πχample των συναρτήσεων beforeEach και afterEach
• Angular Test Module
• Πχample Angular Test Module
• Δοκιμή υπηρεσίας
• Έγχυση παρουσίας υπηρεσίας
• Δοκιμάστε μια σύγχρονη μέθοδο
• Δοκιμάστε μια Ασύγχρονη Μέθοδο
• Χρήση Mock HTTP Client
• Παροχή Canned Response
• Δοκιμή ενός στοιχείου
• Μονάδα δοκιμής εξαρτημάτων
• Δημιουργία παρουσίας στοιχείου
• Η κλάση ComponentFixture
• Δοκιμές βασικών εξαρτημάτων
• Η κλάση DebugElement
• Προσομοίωση αλληλεπίδρασης χρήστη - Εντοπισμός σφαλμάτων
• Πάνωview του Angular Debugging
• Viewπληκτρολογώντας τον κώδικα TypeScript στο πρόγραμμα εντοπισμού σφαλμάτων
• Χρήση της λέξης-κλειδιού εντοπισμού σφαλμάτων
• Καταγραφή εντοπισμού σφαλμάτων
• Τι είναι το Angular DevTools;
• Χρήση Angular DevTools
• Angular DevTools – Component Structure
• Angular DevTools – Αλλαγή ιόντος εκτέλεσης ανίχνευσης
• Λήψη συντακτικών σφαλμάτων
ΓΙΑ ΠΟΙΟΥΣ ΕΙΝΑΙ ΤΟ ΜΑΘΗΜΑ;
Αυτό το μάθημα απευθύνεται σε οποιονδήποτε χρειάζεται να μάθει τις βασικές αρχές της ανάπτυξης Angular 15 και να το εφαρμόσει αμέσως στη δημιουργία web εφαρμογές.
Μπορούμε επίσης να παραδώσουμε και να προσαρμόσουμε αυτό το εκπαιδευτικό σεμινάριο για μεγαλύτερες ομάδες – εξοικονομώντας χρόνο, χρήματα και πόρους του οργανισμού σας. Για περισσότερες πληροφορίες, επικοινωνήστε μαζί μας μέσω email στο ph.training@lumifywork.com
ΠΡΟΫΠΟΘΕΣΕΙΣ
- Web Απαιτείται εμπειρία ανάπτυξης με χρήση HTML, CSS και JavaScript για να αξιοποιήσετε στο έπακρο αυτό το μάθημα Angular
- Η γνώση του προγράμματος περιήγησης DOM είναι επίσης χρήσιμη
- Δεν απαιτείται προηγούμενη εμπειρία Angular ή AngularJS
Η παροχή αυτών των μαθημάτων από την Lumify Work διέπεται από τους όρους και τις προϋποθέσεις κράτησης.
Παρακαλούμε διαβάστε προσεκτικά τους όρους και τις προϋποθέσεις πριν εγγραφείτε σε αυτό το μάθημα, καθώς η εγγραφή στο μάθημα εξαρτάται από την αποδοχή αυτών των όρων και προϋποθέσεων.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
Facebook.com/lumifyworkph
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Έγγραφα / Πόροι
 |
Προγραμματισμός LUMIFY WORK Angular 15 [pdf] Οδηγός χρήστη Angular 15 Προγραμματισμός, Προγραμματισμός |
