Course Outline

Εισαγωγή

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

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

    TypeScript Σύνταξη με χρήση του μετατροπέα TypeScript Ρύθμιση του Angular 10 και του Typescript

Επισκόπηση των εξαρτημάτων Angular 10's

    Angular CLI Components Directives Inputs and Output Data Binding and Interpolation Event Binding Modeling Data Bootstrapping

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

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

Δημιουργία Στοιχείου

    Κατανόηση της ροής δεδομένων κύκλου ζωής του στοιχείου με χρήση προτύπων και στυλ Προβολή περιεχομένου Εργασία με AppModule Εργασία με προσαρμοσμένα στοιχεία Χρήση προβολής ενθυλάκωσης Εφαρμογή αγκίστρων κύκλου ζωής με χρήση ViewChildren και ContentChildren

Δέσμευση δεδομένων σε Angular 10

    Κατανόηση δέσμευσης ιδιοτήτων και συμβάντων Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένες ιδιότητες Σύνδεση και εκχώρηση ψευδωνύμων σε προσαρμοσμένα συμβάντα

Εργασία με οδηγίες

    Ενσωματωμένες Οδηγίες Προσαρμοσμένες Οδηγίες

Angular 10 Υπηρεσίες

    Δημιουργία υπηρεσίας καταγραφής Δημιουργία υπηρεσίας δεδομένων

Χρήση Έγχυσης Εξάρτησης και Παρόχων

    Injectors, Provider and Tokens Ρύθμιση παραμέτρων Dependency Injection Διαμόρφωση του παρόχου σας Έγχυση υπηρεσιών σε εξαρτήματα, οδηγίες και υπηρεσίες

Εναλλαγή σελίδων με δρομολόγηση

    Κατανόηση των διαφορετικών μεθόδων πλοήγησης Στρατηγικές δρομολόγησης Ρύθμιση διαδρομών Διαμόρφωση και φόρτωση διαδρομών με χρήση παραμέτρων σε διαδρομές Δημιουργία ένθετων διαδρομών με χρήση διαδρομών ανακατεύθυνσης και χαρακτήρων μπαλαντέρ Κατανόηση Route Guards

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

    Επισκόπηση παρατηρήσιμων στοιχείων Επισκόπηση RxJS Δημιουργία και χρήση παρατηρήσιμων στοιχείων στο Angular

Δημιουργία φορμών για εισαγωγή χρήστη

    Χρήση των φορμών που βασίζονται στο πρότυπο Χρήση των φορμών Reactive Δημιουργία προσαρμοσμένης επικύρωσης Επικύρωση, φιλτράρισμα και απολύμανση δεδομένων φόρμας

Χρήση σωλήνων

    Μετασχηματισμός εξόδου Ενσωματωμένοι σωλήνες Async Pipe Custom Pipes

Πραγματοποίηση κλήσεων σε εξωτερικά API HTTP

    Αποστολή αιτημάτων

Χρήση ενοτήτων Angular

Δοκιμή της εφαρμογής Angular 10

    Χρήση Jasmine για δοκιμή μονάδας Χρήση Protractor για δοκιμές από άκρο σε άκρο

Εντοπισμός σφαλμάτων της Εφαρμογής

    Κατανόηση των μηνυμάτων σφάλματος στο Angular με χρήση Sourcemaps για εντοπισμό σφαλμάτων κώδικα στο πρόγραμμα περιήγησης Ανάγνωση TypeScript Διαγνωστικά μεταγλωττιστή με χρήση του Augury

Βελτιστοποίηση της εφαρμογής Angular 10

    Επανάληψη επεξεργασίας του κώδικα Μείωση του μεγέθους του πακέτου και εξάλειψη του νεκρού κώδικα

Angular 10 Ασφάλεια

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

Ανάπτυξη μιας εφαρμογής Angular 10 στην παραγωγή

    Ανάπτυξη σε IIS, Apache, Nginx, κ.λπ.

Angular 10 βέλτιστες πρακτικές

Αντιμετώπιση προβλημάτων

Περίληψη και Συμπέρασμα

Requirements

  • Εξοικείωση με βασικά HTML, CSS και JavaScript

Ακροατήριο

  • προγραμματιστές
  28 Hours

Number of participants


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.

Price per participant

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