Course Outline
Εισαγωγή
- Τι είναι το Angular; Τι νέο υπάρχει στο Angular 12;
Επισκόπηση του Typescript και του ES6 JavaScript
- Σύνταξη TypeScript Χρήση του Transpiler TypeScript Ρύθμιση Angular 12 και Typescript
Επισκόπηση των εξαρτημάτων του Angular 12
- Angular CLI Components Directives Inputs and Output Data Binding and Interpolation Μοντελοποίηση δεδομένων δέσμευσης συμβάντων Bootstrapping Πειραματικό πακέτο ιστού
Δημιουργία της πρώτης Angular εφαρμογής σας
- Σχεδιασμός της εφαρμογής Ρύθμιση ενός Angular Project Δημιουργία ενός UI φιλικού προς κινητά χρησιμοποιώντας το Bootstrap 4 και Sass
Δημιουργία Στοιχείου
- Κατανόηση της ροής δεδομένων κύκλου ζωής του στοιχείου με χρήση προτύπων και στυλ Προβολή περιεχομένου Εργασία με AppModule Εργασία με προσαρμοσμένα στοιχεία Χρήση προβολής ενθυλάκωσης Εφαρμογή αγκίστρων κύκλου ζωής με χρήση ViewChildren και ContentChildren
Δέσμευση δεδομένων στο Angular 12
- Κατανόηση δέσμευσης ιδιοτήτων και συμβάντων Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένες ιδιότητες Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένα συμβάντα
Εργασία με οδηγίες
- Ενσωματωμένες Οδηγίες Προσαρμοσμένες Οδηγίες
Angular 12 Υπηρεσίες
- Δημιουργία υπηρεσίας καταγραφής Δημιουργία υπηρεσίας δεδομένων
Χρήση Έγχυσης Εξάρτησης και Παρόχων
- Injectors, Provider and Tokens Ρύθμιση παραμέτρων Dependency Injection Διαμόρφωση του παρόχου σας Έγχυση υπηρεσιών σε εξαρτήματα, οδηγίες και υπηρεσίες
Εναλλαγή σελίδων με δρομολόγηση
- Κατανόηση των διαφορετικών μεθόδων πλοήγησης Στρατηγικές δρομολόγησης Ρύθμιση διαδρομών Διαμόρφωση και φόρτωση διαδρομών με χρήση παραμέτρων σε διαδρομές Δημιουργία ένθετων διαδρομών με χρήση διαδρομών ανακατεύθυνσης και χαρακτήρων μπαλαντέρ Κατανόηση Route Guards
Χρήση του RxJS για δημιουργία και εργασία με παρατηρήσιμα στο Angular
- Επισκόπηση παρατηρήσιμων στοιχείων Επισκόπηση RxJS Δημιουργία και χρήση παρατηρήσιμων στοιχείων στο Angular
Δημιουργία φορμών για εισαγωγή χρήστη
- Χρήση των φορμών που βασίζονται στο πρότυπο Χρήση των φορμών Reactive Δημιουργία προσαρμοσμένης επικύρωσης Επικύρωση, φιλτράρισμα και απολύμανση δεδομένων φόρμας
Χρήση σωλήνων
- Μετασχηματισμός εξόδου Ενσωματωμένοι σωλήνες Async Pipe Custom Pipes
Πραγματοποίηση κλήσεων σε εξωτερικά API HTTP
- Αποστολή αιτημάτων
Δοκιμή της Angular 12 Εφαρμογής
- Χρήση Jasmine για δοκιμές μονάδας Εξερεύνηση Protractor εναλλακτικών λύσεων για δοκιμές από άκρο σε άκρο
Εντοπισμός σφαλμάτων της Εφαρμογής
- Κατανόηση των μηνυμάτων λάθους στο Angular με χρήση Sourcemaps για εντοπισμό σφαλμάτων κώδικα στο πρόγραμμα περιήγησης Ανάγνωση TypeScript Διαγνωστικά μεταγλωττιστή με χρήση του Augury για εντοπισμό σφαλμάτων σε ένα πρόγραμμα περιήγησης
Βελτιστοποίηση της εφαρμογής Angular 12
- Επανάληψη επεξεργασίας του κώδικα Μείωση του μεγέθους του πακέτου και εξάλειψη του νεκρού κώδικα
Angular 12 Ασφάλεια
- Πώς λειτουργεί ο έλεγχος ταυτότητας Χρήση ελέγχου ταυτότητας JWT Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular
Ανάπτυξη μιας Angular 12 εφαρμογής στην παραγωγή
- Ανάπτυξη σε IIS, Apache, Nginx, κ.λπ.
Angular 12 Βέλτιστες πρακτικές
Αντιμετώπιση προβλημάτων
Περίληψη και Συμπέρασμα
Requirements
- Εξοικείωση με βασικά HTML, CSS και JavaScript
Ακροατήριο
- προγραμματιστές
- Προγραμματιστές
Testimonials (2)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Course - Angular 12
The experience and patience of the trainer.