Angular Training - eLearning

- Kursübersicht

- Einführung in Single Page Applications (SPA)

- Wofür benötigen wir Angular

- Einrichtung der Entwicklungs­umgebung

- Architektur von Angular-Anwendungen

- Erste Angular-Anwendung

- Modul Einführung und Einführung in TypeScript

- Einrichten der Umgebung zum Schreiben von TypeScript

- Variablendeklarationen (var, let und const)

- Arten - Primitiv

- Arten - Referenz- und Spezialtypen

- Operatoren - Spread und Backticks

- Operatoren - Destrukturierung und Rest

- Klassen

- Schnittstelle

- Pfeilfunktionen

- Modul

- Holen

- Asynchron oder warten

- Modul Einführung und ein Überblick über Angular-Module

- Was sind Dekorateure

- Angular-Module und der @NgModule-Dekorierer

- Erklärungen

- Importe und Exporte

- Anbieter, Initialisierung und Einstiegskomponenten

- Initialisierungsmechanismus von Angular-Anwendungen

- Modul Einführung

- Angular-Komponenten und der @Component-Dekorateur

- Erstellen einer Angular-Komponente mit der Angular CLI und auf StackBlitz

- Metadaten des Komponenten-Dekorateurs

- Ansichtskapselung - Emuliert, ShadowDom, Keine

- Datenbindung - Zeichenketteninterpolation

- Eigenschaftsbindung

- Ereignisbindung

- @Input und @Output Eigenschaftsdekoratoren

- Zwei-Wege-Datenbindung

- Attributbindung

- Klassenbindung

- Klassenbindung

- Einführung in Lebenszyklus-Hooks in Angular

- Verwendung von Lebenszyklus-Hooks in Angular

- Abfragen anzeigen - Einzelansicht, Mehrfachansicht, Einzelinhalt, Mehrfachinhalte

- Ändern Sie den Erkennungsmechanismus in Angular. ZoneJS, NgZones

- Einführung in das Routing

- Implementierung des Routings in einer Angular-Anwendung

- Erstellen einer Benutzerliste. Vorbereitung für das Child Routing

- Die Benutzerverknüpfung in eine separate Komponente auslagern

- Implementierung von Kinderrouten

- Pfadübereinstimmung und Routentypen

- Einführung in Routenwächter in Angular

- CanActivate und CanActivateChild Guards in Angular

- CanDeactivate-Schutz in Angular

- Daten für eine Komponente mit Resolve vorausladen

- Einführung in den Abschnitt

- DI als Muster, DI als Framework und Arten von Providern

- Hierarchische Abhängigkeitsinjektion

- Einführung in Dienste in Angular

- Daten von einer Rest-API mit HttpClient abrufen

- CRUD-Operationen mit HttpClient, HttpParams und HttpHeaders

- Observables und Operatoren in Observables - Map, Retry, Catch

- BehaviorSubject und das Teilen von Daten mittels BehaviorSubjects

- Einführung in den Abschnitt

- Einführung in Direktiven

- Eingebaute strukturelle Direktiven

- Eingebaute Attributdirektiven

- Erstellen benutzerdefinierter Attributdirektiven

- Erstellen benutzerdefinierter struktureller Direktiven

- Einführung in Pipes in Angular

- Verwendung eingebauter Pipes

- Erstellen von benutzerdefinierten Pipes in Angular

- Reine und unreine Pipes in Angular

- Dekorateure neu betrachtet

- Erstellen benutzerdefinierter Dekorateure in Angular

- Erstellen eines benutzerdefinierten Lebenszyklus-Hook-Klassenprotokollierungs-Dekorateurs

- Erstellen eines benutzerdefinierten Eigenschafts-Dekorateurs in Angular

- Einführung in den Abschnitt

- Arten von Formularerstellungsstrategien in Angular

- Schnelles Erstellen langer Bootstrap-Formulare mit VS Code und Emmet

- Hinzufügen von FormControl(s) zu einem Template-Driven-Formular unter Verwendung der ngModel-Direktive

- Die JavaScript-Objektdarstellung eines Formulars mittels der ngForm-Direktive erhalten

- Deaktivierung der Absenden-Schaltfläche in einem Formular mithilfe des $invalid-Flags des Formulars

- Abrufen der JavaScript-Objektdarstellung eines Formulars in der TypeScript-Klasse

- Hinzufügen von Kontrollkästchen, Optionsfeldern und Auswahllisten zu Ihrem Template-Driven Formular

- Erstellen von Unterabschnitten im Formular mit der NgModelGroup-Direktive

- Schritte zur Implementierung eines reaktiven Formulars in Angular

- Schnelles Erstellen eines Bootstrap-Formulars für unser reaktives Formular mit Emmet

- Erstellen eines reaktiven Formulars in der TypeScript-Klasse und dessen Verbindung zum Template

- Hinzufügen von Formularvalidierungen zu einem reaktiven Formular

- Dynamisches Hinzufügen oder Entfernen von FormControl(s) oder FormGroup(s) mit FormArray(s)

- Hinzufügen von synchronen benutzerdefinierten Validierungen zu Ihrem reaktiven Formular

- Hinzufügen von asynchronen benutzerdefinierten Validierungen zu Ihrem reaktiven Formular

- Zurücksetzen des Werts eines Formulars

- Einführung in den Abschnitt

- Erstellen eines Angular CLI-Projekts mit SCSS als Basisstil

- Einführung von Material Design Bootstrap in Ihr Angular CLI-Projekt

- Hinzufügen einer Navigationsleiste in Ihrem Header

- Hinzufügen von Material Design-Schaltflächen

- Karten hinzufügen

- Verwendung von Material Design Dropdowns und Formulareingaben

- Einführung von Angular Material in Ihr Angular CLI-Projekt auf Basis von MDB

- Hinzufügen von Optionsfeldern, Schieberegler, Slider, Fortschrittsbalken und Ladeanzeige

- Einführung in Firebase

- Erstellen einer App mit der Firebase-Konsole

- Einrichten Ihres Angular CLI-Projekts zur Unterstützung von Firebase

- Interaktion mit der Firebase Realtime Database unter Verwendung von Methoden auf AngularFireList

- Hinzufügen und Lesen von Daten aus der Echtzeit-Datenbank in Firebase

- Aktualisieren und Löschen von Daten in der Echtzeit-Datenbank in Firebase