Course Outline
Εισαγωγή
- Τι είναι το Angular; Τι νέο υπάρχει στο Angular 10;
Επισκόπηση του Typescript και του ES6 JavaScript
- TypeScript Σύνταξη με χρήση του μετατροπέα TypeScript Ρύθμιση του Angular 10 και του Typescript
Επισκόπηση των εξαρτημάτων Angular 10's
- Angular CLI Components Directives Inputs and Output Data Binding and Interpolation Event Binding Modeling Data Bootstrapping
Δημιουργία της πρώτης Angular εφαρμογής σας
- Σχεδιασμός της εφαρμογής Ρύθμιση ενός Angular Project Δημιουργία ενός UI φιλικού προς κινητά χρησιμοποιώντας το Bootstrap 4 και Sass
Δημιουργία Στοιχείου
- Κατανόηση της ροής δεδομένων κύκλου ζωής του στοιχείου με χρήση προτύπων και στυλ Προβολή περιεχομένου Εργασία με AppModule Εργασία με προσαρμοσμένα στοιχεία Χρήση προβολής ενθυλάκωσης Εφαρμογή αγκίστρων κύκλου ζωής με χρήση ViewChildren και ContentChildren
Δέσμευση δεδομένων σε Angular 10
- Κατανόηση δέσμευσης ιδιοτήτων και συμβάντων Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένες ιδιότητες Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένα συμβάντα
Εργασία με οδηγίες
- Ενσωματωμένες Οδηγίες Προσαρμοσμένες Οδηγίες
Angular 10 Υπηρεσίες
- Δημιουργία υπηρεσίας καταγραφής Δημιουργία υπηρεσίας δεδομένων
Χρήση Έγχυσης Εξάρτησης και Παρόχων
- Injectors, Provider and Tokens Ρύθμιση παραμέτρων Dependency Injection Διαμόρφωση του παρόχου σας Έγχυση υπηρεσιών σε εξαρτήματα, οδηγίες και υπηρεσίες
Εναλλαγή σελίδων με δρομολόγηση
- Κατανόηση των διαφορετικών μεθόδων πλοήγησης Στρατηγικές δρομολόγησης Ρύθμιση διαδρομών Διαμόρφωση και φόρτωση διαδρομών με χρήση παραμέτρων σε διαδρομές Δημιουργία ένθετων διαδρομών με χρήση διαδρομών ανακατεύθυνσης και χαρακτήρων μπαλαντέρ Κατανόηση Route Guards
Χρήση του RxJS για δημιουργία και εργασία με παρατηρήσιμα στο Angular
- Επισκόπηση παρατηρήσιμων στοιχείων Επισκόπηση RxJS Δημιουργία και χρήση παρατηρήσιμων στοιχείων στο Angular
Δημιουργία φορμών για εισαγωγή χρήστη
- Χρήση των φορμών που βασίζονται στο πρότυπο Χρήση των φορμών Reactive Δημιουργία προσαρμοσμένης επικύρωσης Επικύρωση, φιλτράρισμα και απολύμανση δεδομένων φόρμας
Χρήση σωλήνων
- Μετασχηματισμός εξόδου Ενσωματωμένοι σωλήνες Async Pipe Custom Pipes
Πραγματοποίηση κλήσεων σε εξωτερικά API HTTP
- Αποστολή αιτημάτων
Χρήση ενοτήτων Angular
Δοκιμή της εφαρμογής Angular 10
- Χρήση Jasmine για δοκιμή μονάδας Χρήση Protractor για δοκιμές από άκρο σε άκρο
Εντοπισμός σφαλμάτων της Εφαρμογής
- Κατανόηση των μηνυμάτων σφάλματος στο Angular με χρήση Sourcemaps για εντοπισμό σφαλμάτων κώδικα στο πρόγραμμα περιήγησης Ανάγνωση TypeScript Διαγνωστικά μεταγλωττιστή με χρήση του Augury
Βελτιστοποίηση της εφαρμογής Angular 10
- Επανάληψη επεξεργασίας του κώδικα Μείωση του μεγέθους του πακέτου και εξάλειψη του νεκρού κώδικα
Angular 10 Ασφάλεια
- Πώς λειτουργεί ο έλεγχος ταυτότητας Χρήση ελέγχου ταυτότητας JWT Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Ανάπτυξη μιας εφαρμογής Angular 10 στην παραγωγή
- Ανάπτυξη σε IIS, Apache, Nginx, κ.λπ.
Angular 10 βέλτιστες πρακτικές
Αντιμετώπιση προβλημάτων
Περίληψη και Συμπέρασμα
Requirements
- Εξοικείωση με βασικά HTML, CSS και JavaScript
Ακροατήριο
- προγραμματιστές
Testimonials (4)
Η στάση και η γνώση του εκπαιδευτή
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Η γνώση της διδασκαλίας.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Ξεκινήσαμε από τη βάση του Angular και του ΤΣ και αυξήσαμε τη δυσκολία των ασκήσεων με καλό τρόπο
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Practical examples, exercises and best practices