Course Outline

Εισαγωγή

  • Τι είναι το Angular;
  • Angular εναντίον React εναντίον Vue
  • Επισκόπηση Angular 16 χαρακτηριστικά και αρχιτεκτονική
  • Δημιουργία Αναπτυξιακού Περιβάλλοντος

Ξεκινώντας

  • Δημιουργία νέου έργου Angular 16 χρησιμοποιώντας Angular CLI
  • Εξερεύνηση της δομής και των αρχείων του έργου
  • Εκτέλεση και εξυπηρέτηση της εφαρμογής
  • Εμφάνιση δεδομένων με χρήση παρεμβολής και εκφράσεων

Συστατικά

  • Κατανόηση του ρόλου των εξαρτημάτων στο Angular 16
  • Δημιουργία και χρήση στοιχείων
  • Διαβίβαση δεδομένων μεταξύ στοιχείων με χρήση εισόδων και εξόδων
  • Χρήση γάντζων κύκλου ζωής εξαρτημάτων

οδηγίες

  • Κατανόηση της διαφοράς μεταξύ των οδηγιών δομής και χαρακτηριστικών
  • Δημιουργία και χρήση ενσωματωμένων οδηγιών όπως ngIf, ngFor, ngSwitch κ.λπ.
  • Δημιουργία και χρήση προσαρμοσμένων οδηγιών

Σωλήνες

  • Κατανόηση του σκοπού των σωλήνων στο Angular 16
  • Δημιουργία και χρήση ενσωματωμένων σωλήνων όπως ημερομηνία, νόμισμα, json κ.λπ.
  • Δημιουργία και χρήση προσαρμοσμένων σωλήνων

Υπηρεσίες

  • Κατανόηση του ρόλου των υπηρεσιών στο Angular 16
  • Δημιουργία και χρήση υπηρεσιών
  • Έγχυση εξαρτήσεων χρησιμοποιώντας παρόχους

Ενότητες

  • Κατανόηση του ρόλου των ενοτήτων στο Angular 16
  • Δημιουργία και χρήση ενοτήτων
  • Εισαγωγή και εξαγωγή μονάδων

Δεδομένα Δεδομένων

  • Κατανόηση της διαφοράς μεταξύ μονόδρομης και αμφίδρομης σύνδεσης δεδομένων
  • Δημιουργία και χρήση σύνδεσης ιδιοτήτων, σύνδεσης συμβάντων και σύνταξης banana-in-a-box
  • Χρήση μεταβλητών αναφοράς προτύπου

Δρομολόγηση

  • Κατανόηση του ρόλου της δρομολόγησης στο Angular 16
  • Δημιουργία και διαμόρφωση διαδρομών
  • Πλοήγηση μεταξύ διαδρομών χρησιμοποιώντας routerLink και router.navigate
  • Χρήση παραμέτρων διαδρομής, παραμέτρων ερωτήματος και θραυσμάτων

Έντυπα

  • Κατανόηση της διαφοράς μεταξύ των μορφών που βασίζονται σε πρότυπο και των αντιδραστικών
  • Δημιουργία και επικύρωση φορμών χρησιμοποιώντας στοιχεία ελέγχου φορμών, ομάδες φορμών, πίνακες φορμών κ.λπ.
  • Χρησιμοποιώντας ενσωματωμένους επικυρωτές όπως απαιτείται, minLength, maxLength κ.λπ.
  • Δημιουργία και χρήση προσαρμοσμένων επικυρωτών

Πελάτης HTTP

  • Κατανόηση του ρόλου του πελάτη HTTP στο Angular 16
  • Δημιουργία και χρήση αιτημάτων HTTP για επικοινωνία με υπηρεσίες υποστήριξης
  • Χρήση παρατηρήσιμων στοιχείων για το χειρισμό ασύγχρονων ροών δεδομένων
  • Χρήση υποκλοπών για τροποποίηση ή χειρισμό αιτημάτων ή απαντήσεων HTTP

Εντοπισμός σφαλμάτων

  • Κατανόηση των κοινών σφαλμάτων και σφαλμάτων σε Angular 16 εφαρμογές
  • Χρήση του Chrome DevTools για επιθεώρηση στοιχείων, πηγών, δικτύου, κονσόλας κ.λπ.
  • Χρήση σημείων διακοπής, εκφράσεων παρακολούθησης, στοίβας κλήσεων κ.λπ. για τον εντοπισμό σφαλμάτων κώδικα

Δοκιμές

  • Κατανόηση της σημασίας των δοκιμών σε Angular 16 εφαρμογές
  • Χρησιμοποιώντας το Jest ως εναλλακτικό πλαίσιο δοκιμών
  • Χρησιμοποιώντας το Κάρμα ως δοκιμαστικό δρομέα για δοκιμές μονάδας
  • Χρησιμοποιώντας το Protractor ως εργαλείο δοκιμών από άκρο σε άκρο

Περίληψη και Επόμενα Βήματα

Requirements

  • Κατανόηση των HTML, CSS και JavaScript
  • Εμπειρία με TypeScript και RxJS
  • Εμπειρία ανάπτυξης ιστοσελίδων

Ακροατήριο

  • Προγραμματιστές που επιθυμούν να μάθουν πώς να χρησιμοποιούν το Angular 16 για τη δημιουργία δυναμικών και αποκρινόμενων εφαρμογών ιστού
  • Προγραμματιστές που επιθυμούν να αναβαθμίσουν τις δεξιότητές τους από προηγούμενες εκδόσεις του Angular
  • Προγραμματιστές που επιθυμούν να εξερευνήσουν τις νέες δυνατότητες και ενημερώσεις του Angular 16
 28 Hours

Number of participants



Price per participant

Testimonials (10)

Related Courses

Building Web Apps using the MEAN stack

35 Hours

Testing Angular Applications

14 Hours

Reactive Programming with Angular RxJS

14 Hours

NgRx

21 Hours

Related Categories