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

Εισαγωγή

  • Τι είναι το Angular;
  • Τι αλλάζει στο Angular 11?

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

  • Syntax του TypeScript
  • Χρήση του transpiler του TypeScript
  • Ρύθμιση του Angular 11 και του TypeScript

Επισκόπηση των παρτών του Angular 11

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

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

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

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

  • Κατανόηση του lifecycle του component
  • Data Flow
  • Χρήση προτύπων και styles
  • Projection of Content
  • Συνεργασία με AppModule
  • Συνεργασία με Custom Components
  • Χρήση View Encapsulation
  • Εφαρμογή lifecycle hooks
  • Χρήση ViewChildren και ContentChildren

Data Binding στο Angular 11

  • Κατανόηση του Property και Event Binding
  • Binding και αποκέντρωση προσαρμοσμένων ιδιοτήτων
  • Binding και αποκέντρωση προσαρμοσμένων events

Συνεργασία με Directives

  • Built-in Directives
  • Custom Directives

Services του Angular 11

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

Χρήση Dependency Injection και Providers

  • Injectors, Provider, και Tokens
  • Ρύθμιση Dependency Injection
  • Ρύθμιση του Provider σας
  • Ενεργοποίηση Services στα Components, Directives και Services

Μετάβαση σε διαφορετικές σελίδες με Routing

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

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

  • Επισκόπηση των Observables
  • Επισκόπηση του RxJS
  • Building & Χρήση Observables στο Angular

Δημιουργία Forms για user input

  • Χρήση Template Driven Forms
  • Χρήση Reactive Forms
  • Δημιουργία προσαρμοσμένης validation
  • Validation, φίλτρο και sanitization των δεδομένων form

Χρήση Pipes

  • Μετασχηματισμός output
  • Built-in Pipes
  • Async Pipe
  • Custom Pipes

Κλήσεις σε εξωτερικά HTTP APIs

  • Αποστολή requests

Τεστ της εφαρμογής Angular 10

  • Χρήση Jasmine για unit testing
  • Χρήση Protractor για end-to-end testing

Debugger της εφαρμογής

  • Κατανόηση των error messages στο Angular
  • Χρήση sourcemaps για debug κώδικα σε browser
  • Reading TypeScript compiler diagnostics
  • Χρήση Augury

Optimization της εφαρμογής Angular 11

  • Reworking του κώδικα
  • Μείωση μεγέθους bundle και elimination dead-code

Ασφάλεια στο Angular 11

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

Κατάβασμα εφαρμογής Angular 11 σε production

  • Κατάβασμα σε IIS, Apache, Nginx κλπ.

Best Practices του Angular 11

Troubleshooting

Summary and Conclusion

Απαιτήσεις

  • Γνώση βασικής HTML, CSS και JavaScript

Οριοθέτηση

  • Ανάπτυξες
 28 Ώρες

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


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

Σχόλια (5)

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

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