Εξέλιξη Κομματιού
Εισαγωγή
- Τι είναι νέο στο Angular 6;
Περιληψη του TypeScript και ES6 JavaScript
- Syntax του TypeScript
- Χρήση του TypeScript transpiler
- Ρυθμίσεις Angular 6 και TypeScript
Περιγραφή των μερών του Angular 6
- Δημιουργία Components
- Databinding και String Interpolation
- Property Binding
- Event Binding
- Two-Way-Databinding
- Data Modelling
- Directives
- Bootstrapping
- Inputs & Outputs
- Angular CLI
Δημιουργία της πρώτης εφαρμογής Angular
- Σχεδιασμός της Εφαρμογής
- Ρυθμίσεις ένα πρότυπου Angular Project και App χρησιμοποιώντας το CLI
- Δημιουργία βασικής διαθέσεως προ젝τού με Bootstrap 4 και Sass
Χρήση Angular 6 Components
- Data Flow
- Συναργεία με AppModule
- Συναργεία με Custom Components
- Χρήση Templates και Styles
- Χρήση View Encapsulation
- Παρουσίαση Περιεχομένου
- Κατανόηση του Component Lifecycle και Lifecycle Hooks
- Χρήση ViewChildren και ContentChildren
Databinding στο Angular 6
- Περιγραφή του Property & Event Binding
- Binding και αποδόσεις ονομάτων σε Custom Properties
- Binding και αποδόσεις ονομάτων σε Custom Events
Συναργεία με Directives
- Προκαθορισμένες Directives
- Custom Directives
Angular 6 Services
- Δημιουργία Logging Service
- Δημιουργία Data Service
Χρήση Dependency Injection και Providers
- Injectors, Provider, και Tokens
- Ρύθμιση Dependency Injection
- Ρύθμιση του Provider
- Παροχή Services σε Components, Directives, και Services
Μετάβαση Σελίδων με Routing
- Ρύθμιση Routes
- Ρύθμιση και φόρτωση Routes
- Κατανόηση των διαφορετικών Μεθόδων Navigation
- Χρήση Parameters σε Routes
- Δημιουργία Nested Routes
- Χρήση Redirect και Wildcard Routes
- Κατανόηση Route Guards
- Κατανόηση Routing Strategies
Χρήση RxJS για τη Δημιουργία και Συνεργασία με Observables στο Angular
- Περιγραφή των Observables
- Περιγραφή του RxJS
- Δημιουργία & Συνεργασία με Observables στο Angular
Χειρισμός Φόρμων
- Χρήση Template Driven Forms
- Χρήση Reactive Forms
Χρήση Pipes
- Προκαθορισμένες Pipes
- Async Pipe
- Custom Pipes
Κλήση Εξωτερικών HTTP APIs
Χρήση Angular Modules
Τεστ της εφαρμογής Angular 6
- Χρήση Jasmine για unit testing
Αποκωδικοποίηση της Εφαρμογής
- Κατανόηση Μηνυμάτων Σφάλματος στο Angular
- Χρήση Sourcemaps για αποκωδικοποίηση κώδικα σε πρόγραμμα περιήγησης
- Χρήση Augury
Βελτιστοποίηση της εφαρμογής Angular 6
Ασφάλεια στο Angular 6
- Εξόδους
- Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Ανάκληση εφαρμογής Angular 6 σε Παραγωγή
- Ανάκληση σε IIS, Apache, Nginx, κλπ.
Ταχύτυπες Απαντήσεις
Κλείδωμα Εξαρτήσεων
Απαιτήσεις
- Γνώση βασικού HTML, CSS και JavaScript
Αυδιέντσια
- Ανάπτυξεις
Σχόλια (6)
Καλό υλικό! Ο εκπαιδευτής είναι πραγματικά ένας ωραίος κατά πολύ, κάτι που βοηθά πολύ!
Xander Knol - Conclusion Learning Centers
Κομμάτι - Angular 6
Μηχανική Μετάφραση
Πρακτικά άσκηματα!
William Limberger - Conclusion Learning Centers
Κομμάτι - Angular 6
Μηχανική Μετάφραση
Μάθηση του συνόλου του οικοτόπου του Angular, του TypeScript και ειδικά της διαχείρισης μεταβίβασης (routing)
Ryan Delport - Leaseweb
Κομμάτι - Angular 6
Μηχανική Μετάφραση
Εξασκούμαι κάνοντάς το πραγματικά μόνος μου.
Christiaan Sloof - Leaseweb
Κομμάτι - Angular 6
Μηχανική Μετάφραση
Απολάθηκα αληθινά από τον εκπαιδευτή, ο οποίος είναι μεγάλος εξειδικευμένος.
Lukasz Cysewski - PSI Polska
Κομμάτι - Angular 6
Μηχανική Μετάφραση
Οι εκπαιδευτικές διαδρομές μας επέτρεψαν να χρησιμοποιήσουμε τις γνώσεις που απέκτησαμε από το διάλεξη σε ένα πραγματικό παράδειγμα. Επίσης, μας δόθηκε η ευκαιρία να κάνουμε ερωτήσεις αν είχαμε αμφιβολίες σχετικά με το πώς κάτι λειτουργεί.
Chris Gilchrist - SAA Consultants LTD
Κομμάτι - Angular 6
Μηχανική Μετάφραση