Εξέλιξη Κομματιού
Εισαγωγή
- Περίληψη του Angular και των χαρακτηριστικών του
- Κατανόηση του πλαισίου και της αρχιτεκτονικής Angular
- Τι νέα φέρει το Angular 15;
Εγκατάσταση και οργάνωση του περιβάλλοντος ανάπτυξης
- Εγκατάσταση και ρύθμιση του Angular 15
- Χρήση των σταθερών standalone API που επιτρέπουν στους αναπτυξείς Angular να κατασκευάζουν εφαρμογές χωρίς τα Ng Modules.
- Κατανόηση της βελτιωμένης απόδοσης
Βασικά στοιχεία του TypeScript
- Κατανόηση της συντάξης TypeScript
- Ορισμός μεταβλητών και πινάκων
- Τύπος συναρτήσεων
Συστατικά (Components)
- Αναλυτική περιγραφή ενός συστατικού Angular
- Δημιουργία και χρήση συστατικών
- Επικοινωνία μεταξύ συστατικών
- Εφαρμογή υποδιαστολών κύκλου ζωής συστατικών (lifecycle hooks)
- Χρήση του CDK List για τη δημιουργία UI συστατικών
Διευθύνσεις (Directives)
- Αναλυτική περιγραφή ενός διευθύνσης Angular
- Δημιουργία και χρήση διευθύνσεων
- Κατασκευή προσαρμοσμένων διευθύνσεων
- Χρήση του directive composition API
- Χρήση της διεύθυνσης Image Directive στις εφαρμογές Angular και εκτέλεση αυτόματης παραγωγής srcset στην διεύθυνση Image Directive
Υπηρεσίες (Services) και Ένοδος Περιάρθρωσης (Dependency Injection)
- Αναλυτική περιγραφή ενός υπηρεσία Angular
- Δημιουργία και χρήση υπηρεσιών
- Χρήση Ένοδος Περιάρθρωσης (Dependency Injection) για τη διαχείριση υπηρεσιών
Φυλλαρίδες (Pipes)
- Αναλυτική περιγραφή ενός φυλλαρίδη Angular
- Δημιουργία και χρήση φυλλαρίδων
- Κατασκευή προσαρμοσμένων φυλλαρίδων
Φόρμες (Forms)
- Επιχειρηματολογία και επαλήθευση φόρμων με το FormBuilder του Angular
- Εφαρμογή ανταδαπτικών (reactive) φόρμων
- Χρήση τυποποιημένων (template-driven) φόρμων
HttpClient
- Επικοινωνία με RESTful API χρησιμοποιώντας το μόνιμο (module) HttpClient του Angular
- Εφαρμογή αιτήσεων GET, POST, PUT και DELETE
- Διαχείριση σφαλμάτων και γεγονότων προόδου
Πιστοποίηση (Authentication) και Δικαιοδοσία (Authorization)
- Εφαρμογή πιστοποίησης και δικαιοδοσίας σε εφαρμογές Angular
- Χρήση JSON Web Tokens (JWT) για πιστοποίηση
- Προστασία των δρόμων με οδηγούς (guards)
- Μείωση κώδικα για τους οδηγούς
Δοκιμή (Testing) και Διαφθορά (Debugging)
- Συνταγμός μοναδικών δοκιμών χρησιμοποιώντας το Jasmine και το Karma
- Δοκιμή συστατικών, διευθύνσεων, υπηρεσιών και φυλλαρίδων Angular
- Διαφθορά εφαρμογών Angular με τα DevTools του προωθήτη (browser)
- Μάθηση για τις βελτιώσεις στο esbuild για ταχύτερες κατασκευές
Περίληψη και επόμενα βήματα
Απαιτήσεις
- Βασική κατανόηση του HTML, CSS και JavaScript
Στόχος
- Προγραμματιστές
- Developer
Σχόλια (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
Μηχανική Μετάφραση
