Ευχαριστούμε που στάλθηκε η αποσαφήνισή σας! Ένα μέλος της ομάδου μας θα επικοινωνήσει μαζί σας σύντομα.
Ευχαριστούμε για την εκδήλωση κράτησης! Ένας από τους συνεργάτες μας θα επικοινωνήσει μαζί σας σύντομα.
Εξέλιξη Κομματιού
Εισαγωγή
- Τι είναι το Angular;
- Τι νέα περιλαμβάνει το Angular 10;
Επισκόπηση του TypeScript και του ES6 JavaScript
- Σύνταξη TypeScript
- Χρήση του transpiler του TypeScript
- Ρύθμιση του Angular 10 και του TypeScript
Επισκόπηση των Συστατικών μερών του Angular 10
- Angular CLI
- Συστατικά (Components)
- Διευθύνσεις (Directives)
- Inputs και Outputs
- Data Binding και Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
Δημιουργία της πρώτης σας εφαρμογής Angular
- Σχεδιασμός της εφαρμογής
- Ρύθμιση ένα πρότζεκτ Angular
- Δημιουργία μιας mobile-friendly UI χρησιμοποιώντας Bootstrap 4 και Sass
Δημιουργία Συστατικού (Component)
- Κατανόηση του lifecycle του συστατικού
- Data Flow
- Χρήση Templates και Styles
- Projection Content
- Εργασία με το AppModule
- Εργασία με Custom Components
- Χρήση View Encapsulation
- Πλήρωμα Lifecycle Hooks
- Χρήση ViewChildren και ContentChildren
Data Binding στο Angular 10
- Κατανόηση του Property και Event Binding
- Binding και ορισμός προελεύσεων για Custom Properties
- Binding και ορισμός προελεύσεων για Custom Events
Εργασία με Directives
- Built-in Directives
- Custom Directives
Υπηρεσίες Angular 10
- Δημιουργία Logging Service
- Δημιουργία Data Service
Χρήση Dependency Injection και Providers
- Injectors, Provider, και Tokens
- Ρύθμιση Dependency Injection
- Ρύθμιση του Provider σας
- Χρήση Services σε Components, Directives και Services
Αλλαγή Σελίδων με Routing
- Κατανόηση των διαφορετικών μεθόδων πλοήγησης
- Routing Strategies
- Ρύθμιση Routes
- Κατάρτιση και φόρτωση Routes
- Χρήση Parameters σε Routes
- Δημιουργία Nested Routes
- Χρήση Redirect και Wildcard Routes
- Κατανόηση των Route Guards
Χρήση RxJS για τη δημιουργία και επεξεργασία Observables στο Angular
- Επισκόπηση των Observables
- Επισκόπηση του RxJS
- Δημιουργία και χρήση Observables στο Angular
Γενέση Form για User Input
- Χρήση Template Driven Forms
- Χρήση Reactive Forms
- Δημιουργία custom validation
- Επαλήθευση, φιλτράρισμα και καθαρισμός των δεδομένων του form
Χρήση Pipes
- Μετασχηματισμός output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Εκπέμψεις κλήσεων σε εξωτερικά HTTP APIs
- Αποστολή αιτημάτων
Χρήση Angular Modules
Τεστ της εφαρμογής Angular 10
- Χρήση Jasmine για unit testing
- Χρήση Protractor για end-to-end testing
Αποσφάλιση της εφαρμογής
- Κατανόηση των μελών λάθους στο Angular
- Χρήση Sourcemaps για αποσφάλιση κώδικα στον browser
- Ανάγνωση diagnostics του TypeScript compiler
- Χρήση Augury
Βελτίωση της εφαρμογής Angular 10
- Αναθεώρηση κώδικα
- Μείωση μεγέθους bundle και εξάλειψη άχρηστου κώδικα (dead-code)
Ασφάλεια Angular 10
- Πώς λειτουργεί η αυθεντικοποίηση (authentication)
- Χρήση JWT authentication
- Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Εφαρμογή της εφαρμογής Angular 10 σε Παραγωγή (Production)
- Εφαρμογή σε IIS, Apache, Nginx, κλπ.
Καλές πρακτικές Angular 10
Αντιμετώπιση προβλημάτων (Troubleshooting)
Σύνοψη και Συμπέρασμα
Απαιτήσεις
- Γνώση του βασικού HTML, CSS και JavaScript
Δυνάμεις
- Προγραμματιστές
28 Ώρες
Σχόλια (4)
Η στάση και το γνώσεις του εκπαιδευτή
Gabriel Llaurado - Allianz Technology
Κομμάτι - Angular 10 for Developers
Μηχανική Μετάφραση
Η γνώση του εκπαιδευτικού.
Jeffry Gonzalez - Allianz Technology
Κομμάτι - Angular 10 for Developers
Μηχανική Μετάφραση
Έχαμε ξεκινήσει από τη βάση του Angular και του TS και αυξήσαμε σωστά τη δυσκολία των εργασιών.
Daniel Zamorano Infante - Allianz Technology
Κομμάτι - Angular 10 for Developers
Μηχανική Μετάφραση
Πρακτικά παραδείγματα, ασκήσεις και καλές πρακτικές
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Κομμάτι - Angular 10 for Developers
Μηχανική Μετάφραση
