Εξέλιξη Κομματιού

Εισαγωγή

  • Τι είναι το Angular;
  • Τι νέα υπάρχουν στο Angular 12?

Επισκόπηση του TypeScript και του ES6 JavaScript

  • Syntax του TypeScript
  • Χρήση του transpiler του TypeScript
  • Εγκατάσταση του Angular 12 και του TypeScript

Επισκόπηση των μερών του Angular 12

  • Angular CLI
  • Components
  • Directives
  • Inputs και Outputs
  • Data Binding και Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping
  • Experimental Webpack

Δημιουργία της πρώτης εφαρμογής Angular

  • Σχεδιασμός της εφαρμογής
  • Εγκατάσταση ενός έργου Angular
  • Δημιουργία φιλικής προς κινητά UI χρησιμοποιώντας Bootstrap 4 και Sass

Δημιουργία ενός Component

  • Κατανόηση του Κύκλου Ζωής του Component
  • Data Flow
  • Χρήση Templates και Styles
  • Προεκτίνιση Περιεχομένου
  • Εργασία με AppModule
  • Εργασία με Custom Components
  • Χρήση View Encapsulation
  • Εφαρμογή Lifecycle Hooks
  • Χρήση ViewChildren και ContentChildren

Data Binding στο Angular 12

  • Κατανόηση του Property και Event Binding
  • Binding και αποδείξη ψευδώνυμων σε Custom Properties
  • Binding και αποδείξη ψευδώνυμων σε Custom Events

Εργασία με Directives

  • Built-in Directives
  • Custom Directives

Services του Angular 12

  • Δημιουργία Logging Service
  • Δημιουργία Data Service

Χρήση Dependency Injection και Providers

  • Injectors, Provider, και Tokens
  • Ρύθμιση Dependency Injection
  • Ρύθμιση του Provider σας
  • Παρέμβαση Services σε Components, Directives και Services

Αλλαγή Σελίδων με Routing

  • Κατανόηση των διαφορετικών μεθόδων πλοήγησης
  • Routing Strategies
  • Ρύθμιση Τροχιών
  • Ρύθμιση και φόρτωση τροχιών
  • Χρήση παραμέτρων σε τροχιές
  • Δημιουργία Nested Routes
  • Χρήση Redirect και Wildcard Routes
  • Κατανόηση των Route Guards

Χρήση RxJS για δημιουργία και εργασία με Observables στο Angular

  • Επισκόπηση των Observables
  • Επισκόπηση του RxJS
  • Κατασκευή και χρήση Observables στο Angular

Παραγωγή μορφών για πληροφορίες του χρήστη

  • Χρήση Template Driven Forms
  • Χρήση Reactive Forms
  • Δημιουργία περιορισμών από τον χρήστη
  • Επικύρωση, φίλτρο και εξάλειψη μορφών δεδομένων

Χρήση Pipes

  • Μετατροπή έξοδου
  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Κλήση εξωτερικών HTTP APIs

  • Αποστολή αιτήματος

Τεστ με το Angular 12 Application

  • Χρήση Jasmine για unit testing
  • Εξέταση εναλλακτικών Protractor για end-to-end testing

Δοκιμασία της εφαρμογής

  • Κατανόηση κωδικών σφαλμάτων στο Angular
  • Χρήση Sourcemaps για δοκιμασία του κώδικα σε περιγραφέα
  • Ανάγνωση diagnostics του TypeScript Compilor
  • Χρήση Augury για δοκιμασία εντός περιγραφέα

Βελτιστοποίηση του Angular 12 Application

  • Αναδιάτυπωση κώδικα
  • Μείωση μεγέθους πακέτων και εξάλειψη dead-code

Ασφάλεια του Angular 12

  • Πώς λειτουργεί η αυθεντικοποίηση
  • Χρήση JWT authentication
  • Τι πρέπει και τι δεν πρέπει να γράφεται στο Angular

Ορίζουμε μια εφαρμογή Angular 12 σε Παραγωγή

  • Ορίζουμε σε IIS, Apache, Nginx, κλπ.

Καλές πρακτικές του Angular 12

Τροβλεσκούπινγκ

Συμπεράσματα και Συμπέρασμα

Απαιτήσεις

  • Γνωριμία με βασικά HTML, CSS και JavaScript

Ακούσιμος

  • Αναπτυξευτές
  • Προγραμματιστές
 28 Ώρες

Αριθμός συμμετέχοντων


Τιμή ανά συμμετοχαστή

Σχόλια (4)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες