Angular Schulung - eLearning

450,00 EUR

  • 50 hours
eLearning

Dieser Zertifizierungskurs für Angular wird Ihnen helfen, die Front-End-Webentwicklung mit Angular zu beherrschen. Erwerben Sie umfassende Kenntnisse über Angular-Konzepte, wie die Erleichterung der Entwicklung von Single-Page-Webanwendungen, Dependency Injection, TypeScript, Komponenten, Direktiven, Pipes, Formulare, Routing und Testing.

Hauptmerkmale

Sprache

Kurs und Material sind auf Englisch

Niveau

Anfänger bis Fortgeschrittene für angehende Webentwickler

Zugang

1 Jahr Zugang zur Selbstlern-eLearning-Plattform rund um die Uhr

20 Stunden Videomaterial

mit einer empfohlenen Lernzeit von 50 Stunden

Projekt

2 Abschlussprojekt des Kurses

Keine Prüfung

Es gibt keine Prüfung für den Kurs, aber der Student erhält ein Zertifikat über die abgeschlossene Ausbildung

Hero

Lernergebnisse

Am Ende dieses Online-Angular-Trainingskurses werden Sie in der Lage sein:

Design

Verstehen Sie das Design von Single-Page-Applications und wie Angular deren Entwicklung erleichtert

Modell

Trennen Sie die Model-, View- und Controller-Schichten Ihrer Anwendung und implementieren Sie sie mit Angular

Angular-Ausdrücke

Meistern Sie Angular-Ausdrücke, Filter und Scopes

Bauen

Erstellen Sie Angular-Formulare und schreiben Sie Angular-Direktiven

Modultest

Führen Sie Modul- und Ende-zu-Ende-Tests Ihrer Angular-Anwendungen durch

Dynamische Benutzeroberfläche

Entwicklung interaktiver und dynamischer Benutzeroberflächen mit Bootstrap

Kurslehrplan

Hero
  1. Single-Page-Anwendungen

    Lektion 01

    - Kursübersicht

    - Einführung in Single Page Applications (SPA)

    - Wofür benötigen wir Angular

    - Einrichten der Entwicklungs­umgebung

    - Architektur von Angular-Anwendungen

    - Erste Angular-Anwendung

  2. TypeScript und ESNext

    Lektion 02

    - Modul Einführung und Einführung in TypeScript

    - Einrichten der Umgebung zum Schreiben von TypeScript

    - Variablendeklarationen (var, let und const)

    - Arten - Primitive

    - Typen - Referenz- und Spezialtypen

    - Operatoren - Spread und Backticks

    - Operatoren - Destrukturierung und Rest

    - Klassen

    - Schnittstelle

    - Pfeilfunktionen

    - Module

    - Holen

    - Asynchron oder warten

  3. Dekorateure

    Lektion 03

    - 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 einer Angular-Anwendung

  4. Komponentendekorateur

    Lektion 04

    - Modul Einführung

    - Angular-Komponenten und der @Component-Dekorateur

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

    - Metadaten des Komponenten-Dekorierers

    - 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 - Kind anzeigen, Kinder anzeigen, Inhalt Kind, Inhalt Kinder

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

  5. Angular Routing

    Lektion 05

    - Einführung in das Routing

    - Implementierung des Routings in einer Angular-App

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

    - Die Verlinkung des Benutzers 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 Guard in Angular

    - Daten für eine Komponente mit Resolve vorausladen

  6. Abhängigkeitsinjektion

    Lektion 06

    - 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

  7. Grundlagen der Direktiven

    Lektion 07

    - 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

  8. Formulare in Angular

    Lektion 08

    - Einführung in den Abschnitt

    - Arten von Formularerstellungsstrategien in Angular

    - Schnelles Erstellen langer Bootstrap-Formulare mit VS Code unter Verwendung von Emmet

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

    - Abrufen der JavaScript-Objektdarstellung eines Formulars mit der ngForm-Direktive

    - 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

  9. Verwendung von Drittanbieter-Bibliotheken

    Lektion 09

    - 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 aus der Echtzeit-Datenbank in Firebase

Wer sollte sich für dieses Programm einschreiben?

Es gibt keine Voraussetzungen für die Teilnahme an diesem Angular-Zertifizierungskurs. Ein Angular-Zertifizierungskurs ist ideal für Personen, die ihre Fähigkeiten in Angular verbessern möchten, einem beliebten JavaScript-Framework zur Erstellung dynamischer Webanwendungen. Hier sind diejenigen, die am meisten profitieren könnten:

UI-Entwickler

Technischer Projekt-/Produktmanager

Full-Stack-Webentwickler

Qualitätssicherung

Studierende in Bachelor-/Masterstudiengängen

Beginnen Sie jetzt mit dem Kurs

Aussagen

Lizenzierung und Akkreditierung

Der Kurs zur Zertifizierung in Angular wird von Simplilearn im Rahmen des Partnerprogramm-Abkommens angeboten und entspricht den Anforderungen des Lizenzvertrags. AVC bewirbt diesen Kurs im Namen von Simplilearn.

Gleichstellungspolitik

Simplilearn bietet keine Unterbringung aufgrund einer Behinderung oder eines medizinischen Zustands von Studierenden an. Kandidaten werden ermutigt, sich an das AVC zu wenden, um während des Unterbringungsprozesses Anleitung und Unterstützung zu erhalten.

Häufig gestellte Frage

Benötigen Sie eine Unternehmenslösung oder LMS-Integration?

Haben Sie nicht den Kurs oder das Programm gefunden, das für Ihr Unternehmen geeignet wäre? Benötigen Sie eine LMS-Integration? Schreiben Sie uns! Wir werden alles lösen!