Kursbeschreibung
Dieser Kurs führt in die Grundlagen des Angular-Frameworks ein. Es wird die Struktur einer Angular-Anwendung und ihrer Projektdateien besprochen. Außerdem wird demonstriert, wie die CLI zum Erstellen einer Anwendung verwendet wird, und es werden die Komponenten, Module und Dienste vorgestellt, die zum Aufbau einer Anwendung benötigt werden.
Sie lernen, wie Sie das DOM mit Hilfe von Direktiven dynamisch verändern und wie Sie Rohren verwenden, um Daten für die Anzeige für den Benutzer zu formatieren. Sie lernen auch, wie Sie mit Hilfe der Datenbindung Informationen zwischen der Komponentenvorlage und der Klasse übertragen können. Darüber hinaus erhalten Sie eine Einführung in das Einrichten grundlegender Routen und in die Verwendung von Typescript, um Fehler frühzeitig im Entwicklungsprozess zu erkennen. Am Ende dieses Kurses werden Sie in der Lage sein, eine einfache Front-End-Anwendung zu erstellen, die auf Benutzereingaben reagiert.
LERNZIELE
- Verstehen der Struktur einer Angular-Anwendung
- Lernen, wie man Direktiven verwendet, um das DOM dynamisch zu verändern
- Lernen, wie man Datenbindung verwendet, um Informationen zwischen dem Controller und dem View auszutauschen
- Wissen, wie man das Routing für die Anwendung konfiguriert
- Verstehen der Grundlagen von Typescript
FÄHIGKEITEN
- Erstellung von Angular-Komponenten
- Erstellen von Angular-Modulen
- Erstellung von Angular-Diensten
- Erstellung von Angular-Anwendungen
- Angular CLI
- Dienste einspeisen
- Rohren
- Datenformatierung
- Direktiven
- Datenbindung
- Erstellung von Routen
Was Sie lernen werden
- Verstehen Sie die Struktur einer Angular-Anwendung und ihrer Projektdateien
- Verwenden Sie die Angular CLI zum Erstellen einer Anwendung und zum Generieren von Komponenten, Modulen und mehr
- Erstellen Sie Komponenten, Module und Dienste und wenden Sie Datenbindung zwischen der Komponentenvorlage und der Klasse an
- Verwenden Sie Direktiven wie ngIf, ngFor, ngClass, ngStyle und ngModel, um das DOM dynamisch zu ändern
- Konfigurieren Sie grundlegendes Routing, einschließlich grundlegender Routen und Wildcard-Routen, für die Anwendung
- Wenden Sie die Grundlagen von TypeScript und statische Typisierung an, um Fehler frühzeitig in der Entwicklung zu erfassen
Wichtige Erkenntnisse
- Der Kurs führt in die Grundlagen des Angular-Frameworks ein, einschließlich der Struktur einer Angular-Anwendung und ihrer Projektdateien.
- Die Angular CLI kann verwendet werden, um eine Anwendung zu erstellen und um Komponenten, Module und mehr zu generieren.
- Pipes werden verwendet, um Daten für die Anzeige für den Benutzer zu formatieren, während Datenbindung Informationen zwischen der Komponentenvorlage und der Klasse überträgt.
- Direktiven werden verwendet, um das DOM dynamisch zu ändern, und TypeScript hilft, Fehler frühzeitig im Entwicklungsprozess zu erfassen.
- Am Ende des Kurses können Lernende eine einfache Frontend-Anwendung erstellen, die auf Benutzereingaben reagiert.
Häufig gestellte Fragen
Für wen ist dieser Kurs?
Dies ist ein Anfängerkurs, der die Grundlagen des Angular-Frameworks einführt, einschließlich der Erstellung einer einfachen Frontend-Anwendung, die auf Benutzereingaben reagiert.
Welche Themen behandelt dieser Kurs?
Der Kurs behandelt die Struktur einer Angular-Anwendung, Module, Komponenten, Dienste und Abhängigkeitsinjektion, Vorlagen und Datenbindung, Pipes, Direktiven (wie ngIf, ngFor, ngClass, ngStyle und ngModel), Routing, die Angular CLI und die Grundlagen von TypeScript.
Werde ich lernen, wie man die Angular CLI verwendet?
Ja. Der Kurs zeigt, wie man die CLI verwendet, um eine Anwendung zu erstellen, und enthält Lektionen zur CLI-Einführung und Installation sowie zur Erstellung von Komponenten, Modulen und mehr.
Behandelt dieser Kurs Routing?
Ja. Der Kurs führt in das Einrichten grundlegender Routen ein und enthält Lektionen zur Routing-Einführung, grundlegenden Routen und Wildcard-Routen.
Werde ich nach diesem Kurs eine Anwendung erstellen können?
Ja. Am Ende des Kurses können Sie eine einfache Frontend-Anwendung erstellen, die auf Benutzereingaben reagiert.
