Course Outline

Εισαγωγή

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

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

    Σύνταξη TypeScript Χρήση του Transpiler TypeScript Ρύθμιση Angular 12 και Typescript

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

    Angular CLI Components Directives Inputs and Output Data Binding and Interpolation Μοντελοποίηση δεδομένων δέσμευσης συμβάντων Bootstrapping Πειραματικό πακέτο ιστού

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

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

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

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

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

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

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

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

Angular 12 Υπηρεσίες

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

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

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

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

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

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

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

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

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

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

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

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

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

Δοκιμή της Angular 12 Εφαρμογής

    Χρήση Jasmine για δοκιμές μονάδας Εξερεύνηση Protractor εναλλακτικών λύσεων για δοκιμές από άκρο σε άκρο

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

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

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

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

Angular 12 Ασφάλεια

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

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

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

Angular 12 Βέλτιστες πρακτικές

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

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

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

Testimonials (2)

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