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 (5)

Upcoming Courses

Related Categories