Εξέλιξη Κομματιού
Εισαγωγή
- Τι είναι το Angular;
- Τι αλλάζει στο Angular 11?
Επισκόπηση του TypeScript και ES6 JavaScript
- Syntax του TypeScript
- Χρήση του transpiler του TypeScript
- Ρύθμιση του Angular 11 και του TypeScript
Επισκόπηση των παρτών του Angular 11
- Angular CLI
- Components
- Directives
- Inputs και Outputs
- Data Binding και Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
- Experimental Webpack
Δημιουργία της πρώτης σας εφαρμογής Angular
- Σχεδιασμός της εφαρμογής
- Ρύθμιση έναν προ젝το Angular
- Δημιουργία φιλικής για κινητά UI χρησιμοποιώντας Bootstrap 4 και Sass
Δημιουργία ενός Component
- Κατανόηση του lifecycle του component
- Data Flow
- Χρήση προτύπων και styles
- Projection of Content
- Συνεργασία με AppModule
- Συνεργασία με Custom Components
- Χρήση View Encapsulation
- Εφαρμογή lifecycle hooks
- Χρήση ViewChildren και ContentChildren
Data Binding στο Angular 11
- Κατανόηση του Property και Event Binding
- Binding και αποκέντρωση προσαρμοσμένων ιδιοτήτων
- Binding και αποκέντρωση προσαρμοσμένων events
Συνεργασία με Directives
- Built-in Directives
- Custom Directives
Services του Angular 11
- Δημιουργία Logging Service
- Δημιουργία Data Service
Χρήση Dependency Injection και Providers
- Injectors, Provider, και Tokens
- Ρύθμιση Dependency Injection
- Ρύθμιση του Provider σας
- Ενεργοποίηση Services στα Components, Directives και Services
Μετάβαση σε διαφορετικές σελίδες με Routing
- Κατανόηση των διαφορετικών μεθόδων πλοήγησης
- Routing Strategies
- Ρύθμιση Routes
- Configuration και Φόρτωση Routes
- Χρήση Parameters σε Routes
- Δημιουργία Nested Routes
- Χρήση Redirect και Wildcard Routes
- Κατανόηση των Route Guards
Χρήση RxJS για δημιουργία και συνεργασία με Observables στο Angular
- Επισκόπηση των Observables
- Επισκόπηση του RxJS
- Building & Χρήση Observables στο Angular
Δημιουργία Forms για user input
- Χρήση Template Driven Forms
- Χρήση Reactive Forms
- Δημιουργία προσαρμοσμένης validation
- Validation, φίλτρο και sanitization των δεδομένων form
Χρήση Pipes
- Μετασχηματισμός output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Κλήσεις σε εξωτερικά HTTP APIs
- Αποστολή requests
Τεστ της εφαρμογής Angular 10
- Χρήση Jasmine για unit testing
- Χρήση Protractor για end-to-end testing
Debugger της εφαρμογής
- Κατανόηση των error messages στο Angular
- Χρήση sourcemaps για debug κώδικα σε browser
- Reading TypeScript compiler diagnostics
- Χρήση Augury
Optimization της εφαρμογής Angular 11
- Reworking του κώδικα
- Μείωση μεγέθους bundle και elimination dead-code
Ασφάλεια στο Angular 11
- Πώς λειτουργεί η authentication
- Χρήση JWT authentication
- Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Κατάβασμα εφαρμογής Angular 11 σε production
- Κατάβασμα σε IIS, Apache, Nginx κλπ.
Best Practices του Angular 11
Troubleshooting
Summary and Conclusion
Απαιτήσεις
- Γνώση βασικής HTML, CSS και JavaScript
Οριοθέτηση
- Ανάπτυξες
Σχόλια (5)
Μου άρεσε που η εκπαίδευση επικεντρώθηκε περισσότερο στην πρακτική πλευρά.
Mihaela - Ness
Κομμάτι - NgRx
Μηχανική Μετάφραση
Θέματα που συζητήθηκαν, πολλά ζωντανά παραδείγματα κώδικα, στance τωv εκπαιδευτώv προς τον ομάδα
Weronika - ATOS PGS sp. z o.o.
Κομμάτι - Reactive Programming with Angular RxJS
Μηχανική Μετάφραση
Μου άρεσαν τα αστεία σου
Dermot - Griffiths & Armour
Κομμάτι - Angular 2 Fundamentals
Μηχανική Μετάφραση
Πρακτικά παραδείγματα, ασκήσεις και καλές πρακτικές
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Κομμάτι - Angular 10 for Developers
Μηχανική Μετάφραση
Πίπες Ροή Δεδομένα Binding Υπηρεσίες
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Κομμάτι - Angular 12
Μηχανική Μετάφραση