Angular für Dummies

Mit diesem Buch finden Sie einen schnellen Einstieg in das JavaScript-Framework Angular und in TypeScript. Sobald die Entwicklungsumgebung installiert ist, bauen Sie Ihre Angular-Fertigkeiten Schritt für Schritt aus. Mit den fertigen Code-Beispielen zum Herunterladen können Sie experimentieren. Anschließend sind Sie in der Lage, bei Angular-Webprojekten mitzureden und mitzutun. Für das Verständnis des Buchs sind lediglich HTML-, CSS- und JavaScript-Kenntnisse notwendig.

Autorentext
Nikolas Poniros ist Berater und Trainer für Webtechnologien in Darmstadt. Er arbeitet meistens im Frontend mit Angular und hin und wieder im Backend mit Node.js. In seiner Freizeit beschäftigt er sich mit neuen (Web-)Technologien.

Inhalt

Über den Autor 7

Einleitung 19

Konventionen in diesem Buch 19

Was Sie nicht lesenmüssen 19

Törichte Annahmen über die Leser 20

Wie dieses Buch aufgebaut ist 20

Teil I: Die ersten Schritte 20

Teil II: Mit dem Nutzer interagieren 20

Teil III: Mit dem Server kommunizieren 20

Teil IV: Routing 20

Teil V: Die Anwendung testen 21

Teil VI: Der Top-Ten-Teil 21

Symbole, die in diesem Buch verwendet werden 21

Wie es weitergeht 21

Teil I Die Ersten Schritte 23

Kapitel 1 Die Werkzeuge 25

Die Entwicklungsumgebung 25

Node.js und npm 26

Texteditoren 28

Der TypeScript-Compiler 29

Kompilierfehler 30

Compiler-Optionen 31

TSLint, codelyzer und Prettier 33

Das Hauptwerkzeug: Angular CLI 34

Features von Angular CLI 34

Projekt initialisieren 36

Die Verzeichnisstruktur von Angular CLI 36

Die Konfigurationsdatei von Angular CLI 39

Die Anwendung bauen 41

Die Beispielanwendung tritt auf 44

Beispielanwendung: Umgebung einrichten 46

Kapitel 2 Die erste Angular-Anwendung 49

Die Bausteine einer Angular-Anwendung 49

Angular-Module 50

Angular-Module definieren 51

Der NgModule-Decorator 52

Arten von Angular-Modulen 53

Hauptmodul 53

Feature-Module 54

Routing-Module 54

Service-Module 55

Widget-Module 55

Komponenten 55

Komponenten definieren 55

Der Component-Decorator 57

Das Template der Komponente 57

Die Styles der Komponente 59

Komponenten deklarieren 60

Services Ein Ort für die Logik 61

Einen Service definieren 61

Einen Service registrieren 62

Einen Service nutzen 63

Dependency Injection und Providers 64

Hierarchische Injektoren 64

Die Hauptdatei der Anwendung 66

Beispielanwendung: Erste Schritte 68

Service implementieren und registrieren 68

Service nutzen 69

Kapitel 3 Modularer Aufbau 71

Der Komponentenbaum 71

Komponenten und ihre Kinder 72

Komponenten in ein Template einfügen 73

Interaktion zwischen Komponenten 74

Der Lebenszyklus einer Komponente 82

Lifecycle-Hooks definieren 83

Konstruktor 83

ngOnChanges 83

ngOnInit 85

ngDoCheck 85

ngAfterContentInit 85

ngAfterContentChecked 85

ngAfterViewInit 86

ngAfterViewChecked 86

ngOnDestroy 86

Dumme und kluge Komponenten 86

Dumme Komponenten 86

Kluge Komponenten 87

Vorteile dieser Aufteilung 87

Beispielanwendung: Neue Komponenten 87

Teil II Mit Dem Nutzer Interagieren 93

Kapitel 4 Der Nutzer und was er sieht 95

Daten anzeigen 95

Listen anzeigen 95

Daten vor dem Anzeigen transformieren 100

Auf Ereignisse reagieren 104

Parameter übergeben 105

Pseudo-Ereignisse 107

Das Aussehen verändern 107

Die NgStyle-Direktive 107

Die NgClass-Direktive 108

Teile der Ansicht bedingt anzeigen 110

Die NgIf-Direktive 110

Die NgSwitch-Direktive 111

Beispielanwendung: Daten anzeigen 112

Kontaktlisten anzeigen 112

Kontakte anzeigen 113

Die Ansicht aufräumen 115

Kapitel 5 Daten vom Nutzer bekommen 117

Formulare in Angular 117

Formulararten 118 Vor...