Εξέλιξη Κομματιού
Εισαγωγή
- Τι είναι το Angular;
- Τι νέα υπάρχουν στο Angular 12?
Επισκόπηση του TypeScript και του ES6 JavaScript
- Syntax του TypeScript
- Χρήση του transpiler του TypeScript
- Εγκατάσταση του Angular 12 και του TypeScript
Επισκόπηση των μερών του Angular 12
- Angular CLI
- Components
- Directives
- Inputs και Outputs
- Data Binding και Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
- Experimental Webpack
Δημιουργία της πρώτης εφαρμογής Angular
- Σχεδιασμός της εφαρμογής
- Εγκατάσταση ενός έργου Angular
- Δημιουργία φιλικής προς κινητά UI χρησιμοποιώντας Bootstrap 4 και Sass
Δημιουργία ενός Component
- Κατανόηση του Κύκλου Ζωής του Component
- Data Flow
- Χρήση Templates και Styles
- Προεκτίνιση Περιεχομένου
- Εργασία με AppModule
- Εργασία με Custom Components
- Χρήση View Encapsulation
- Εφαρμογή Lifecycle Hooks
- Χρήση ViewChildren και ContentChildren
Data Binding στο Angular 12
- Κατανόηση του Property και Event Binding
- Binding και αποδείξη ψευδώνυμων σε Custom Properties
- Binding και αποδείξη ψευδώνυμων σε Custom Events
Εργασία με Directives
- Built-in Directives
- Custom Directives
Services του Angular 12
- Δημιουργία Logging Service
- Δημιουργία Data Service
Χρήση Dependency Injection και Providers
- Injectors, Provider, και Tokens
- Ρύθμιση Dependency Injection
- Ρύθμιση του Provider σας
- Παρέμβαση Services σε Components, Directives και Services
Αλλαγή Σελίδων με Routing
- Κατανόηση των διαφορετικών μεθόδων πλοήγησης
- Routing Strategies
- Ρύθμιση Τροχιών
- Ρύθμιση και φόρτωση τροχιών
- Χρήση παραμέτρων σε τροχιές
- Δημιουργία Nested Routes
- Χρήση Redirect και Wildcard Routes
- Κατανόηση των Route Guards
Χρήση RxJS για δημιουργία και εργασία με Observables στο Angular
- Επισκόπηση των Observables
- Επισκόπηση του RxJS
- Κατασκευή και χρήση Observables στο Angular
Παραγωγή μορφών για πληροφορίες του χρήστη
- Χρήση Template Driven Forms
- Χρήση Reactive Forms
- Δημιουργία περιορισμών από τον χρήστη
- Επικύρωση, φίλτρο και εξάλειψη μορφών δεδομένων
Χρήση Pipes
- Μετατροπή έξοδου
- Built-in Pipes
- Async Pipe
- Custom Pipes
Κλήση εξωτερικών HTTP APIs
- Αποστολή αιτήματος
Τεστ με το Angular 12 Application
- Χρήση Jasmine για unit testing
- Εξέταση εναλλακτικών Protractor για end-to-end testing
Δοκιμασία της εφαρμογής
- Κατανόηση κωδικών σφαλμάτων στο Angular
- Χρήση Sourcemaps για δοκιμασία του κώδικα σε περιγραφέα
- Ανάγνωση diagnostics του TypeScript Compilor
- Χρήση Augury για δοκιμασία εντός περιγραφέα
Βελτιστοποίηση του Angular 12 Application
- Αναδιάτυπωση κώδικα
- Μείωση μεγέθους πακέτων και εξάλειψη dead-code
Ασφάλεια του Angular 12
- Πώς λειτουργεί η αυθεντικοποίηση
- Χρήση JWT authentication
- Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Ορίζουμε μια εφαρμογή Angular 12 σε Παραγωγή
- Ορίζουμε σε IIS, Apache, Nginx, κλπ.
Καλές πρακτικές του Angular 12
Τροβλεσκούπινγκ
Συμπεράσματα και Συμπέρασμα
Απαιτήσεις
- Γνωριμία με βασικά HTML, CSS και JavaScript
Ακούσιμος
- Αναπτυξευτές
- Προγραμματιστές
Σχόλια (4)
Στοιχεία σχετικά με την ανδρέα και τη μεθοδολογία
Danilo Jo - CEDSIF, IP - Ministry of Finance
Κομμάτι - Angular 12
Μηχανική Μετάφραση
Η εμπειρία και η ανέφοδος του διδάσκοντα.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Κομμάτι - Angular 12
Μηχανική Μετάφραση
Μου αρέσει η μέθοδος διδασκαλίας
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Κομμάτι - Angular 12
Μηχανική Μετάφραση
Πίπες Ροή Δεδομένα Binding Υπηρεσίες
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Κομμάτι - Angular 12
Μηχανική Μετάφραση