Christoph Höller

Angular 2.2

Das umfassende Handbuch. Ab Angular 2.2. Alle Codebeispiele zum Download

• Gebundenes Buch

Produktbeschreibung

Lernen Sie die Möglichkeiten von Angular in der Praxis kennen!

Alle Grundlagen: Installation der Software, Komponenten erstellen, Technologien verstehen
Angular-Konzepte an einem durchgehenden Beispielprojekt verstehen
Alles, was professionelle Angular-Entwickler wissen müssen - aktuell ab Angular 2.2

Angular ist das JavaScript-Framework für professionelle Webapplikationen - hier lernen Sie es umfassend kennen! Christoph Höller macht Sie mit allen relevanten Technologien, Standards und Kernbestandteilen des Angular-Frameworks vertraut. Am Praxisbeispiel einer Projektverwaltung führt Ihnen der Webprofi die Komponenten und Konzepte von Angular praxisnah vor. Formulare, Routing, HTTP-Anbindung und Testing - hier lernen Sie Schritt für Schritt, wie Sie eigene Angular-Webapplikationen erstellen. Inkl. einer umfassenden Zusammenstellung der Features von TypeScript und ECMAScript 2015 im Anhang.

Aus dem Inhalt:

Angular-Kickstart
Komponenten & Templating
Formulare
Dekoratoren, DynamicComponents, Viewports
Template MicroSyntax, Pipes
Routing
TypeScript
ECMAScript 5 und ECMAScript 2015
Backends, Datenspeicherung
Animation, Webcomponents
Internationalisierung und Barrierefreiheit
Testing, Migration

Produktdetails

• SAP Press
• Verlag: Rheinwerk Verlag
• Seitenzahl: 783
• Erscheinungstermin: 31. Januar 2017
• Deutsch
• Abmessung: 245mm x 174mm x 50mm
• Gewicht: 1572g
• ISBN-13: 9783836239141
• ISBN-10: 3836239140
• Artikelnr.: 44392819

Autorenporträt

Christoph Höller ist selbstständiger IT-Consultant mit den fachlichen Schwerpunkten Konzeption und Implementierung hochverfügbarer Unternehmensapplikationen auf Basis des Java-EE-Stacks, Entwicklung von responsiven Webapplikationen mit JavaScript, AngularJS und Big-Data-Speichern, UML-Modellierung, Objektorientierte Softwareentwicklung.

Inhaltsangabe

Geleitwort des Fachgutachters ... 21

Einleitung ... 23

1. Angular-Kickstart: Ihre erste Angular-Webapplikation ... 25

1.1 ... Installation der benötigen Software ... 25

1.2 ... Hallo Angular ... 27

1.3 ... Die Blogging-Anwendung ... 40

1.4 ... Zusammenfassung und Ausblick ... 55

2. Das Angular-CLI: professionelle Projektorganisation für Angular-Projekte ... 57

2.1 ... Das Angular-CLI installieren ... 58

2.2 ... ng new: Ein Grundgerüst für die Applikation erstellen ... 58

2.3 ... ng init: Ihr Projekt auf die neueste Angular-CLI-Version updaten ... 65

2.4 ... ng serve: die Anwendung starten ... 66

2.5 ... npm start: Start über die lokale CLI-Version ... 68

2.6 ... ng generate: Komponenten generieren ... 69

2.7 ... ng lint: Linting und der Angular-Style-Guide ... 72

2.8 ... Komponenten- und Ende-zu-Ende-Tests ausführen ... 74

2.9 ... CSS-Präprozessoren verwenden ... 77

2.10 ... Drittanbieter-Bibliotheken einbinden ... 77

2.11 ... ng build: deploybare Builds erstellen ... 79

2.12 ... Build-Targets und Environments: Konfiguration unterschiedlicher Build- und Ausführungsumgebungen ... 79

2.13 ... Der AOT-Modus ... 81

2.14 ... Zusammenfassung und Ausblick ... 82

3. Komponenten und Templating: der Angular-Sprachkern ... 85

3.1 ... Etwas Theorie: der Angular-Komponentenbaum ... 85

3.2 ... Selektoren: vom DOM-Element zur Angular-Komponente ... 89

3.3 ... Die Templating-Syntax: Verbindung zwischen Applikationslogik und Darstellung ... 92

3.4 ... Komponentenschnittstellen definieren: von der einzelnen Komponente zur vollständigen Applikation ... 112

3.5 ... ViewChildren: Zugriff auf Kind-Elemente aus der Komponentenklasse ... 123

3.6 ... Content-Insertion: dynamische Komponentenhierarchien erstellen ... 126

3.7 ... Der Lebenszyklus einer Komponente ... 136

3.8 ... Zusammenfassung und Ausblick ... 147

4. Direktiven: Komponenten ohne eigenes Template ... 149

4.1 ... ElementRef und Renderer: Manipulation von DOM-Eigenschaften eines Elements ... 150

4.2 ... HostBinding und HostListener: Auslesen und Verändern von Host-Eigenschaften und -Events ... 154

4.3 ... Anwendungsfall: Einbinden von Drittanbieter-Bibliotheken ... 157

4.4 ... Anwendungsfall: Accordion-Direktive -- mehrere Kind-Komponenten steuern ... 161

4.5 ... exportAs: Zugriff auf die Schnittstelle einer Direktive ... 164

4.6 ... Zusammenfassung und Ausblick ... 166

5. Fortgeschrittene Komponentenkonzepte ... 169

5.1 ... Styling von Angular-Komponenten ... 169

5.2 ... TemplateRef und NgTemplateOutlet: dynamisches Austauschen von Komponenten-Templates ... 178

5.3 ... ViewContainerRef und ComponentFactory: Komponenten zur Laufzeit hinzufügen ... 186

5.4 ... ChangeDetection-Strategien: Performance-Boost für Ihre Applikation ... 196

5.5 ... Zusammenfassung und Ausblick ... 210

6. Standarddirektiven und Pipes: wissen, was das Framework an Bord hat ... 213

6.1 ... Standarddirektiven ... 214

6.2 ... Pipes: Werte vor dem Rendern transformieren ... 226

6.3 ... Zusammenfassung und Ausblick ... 247

7. Services und Dependency-Injection: lose Kopplung für Ihre Business-Logik ... 249

7.1 ... Grundlagen der Dependency-Injection ... 250

7.2 ... Services in Angular-Applikationen ... 252

7.3 ... Das Angular-Dependency-Injection-Framework ... 253

7.4 ... Verwendung des DI-Frameworks in Angular-Applikationen ... 261

7.5 ... Injection by Type: Vereinfachungen für TypeScript-Nutzer ... 269

7.6 ... Sichtbarkeit und Lookup von Dependencys ... 272

7.7 ... Zusammenfassung und Ausblick ... 279

8. Template-Driven Forms: einfache Formulare auf Basis von HTML ... 281

8.1 ... Grundlagen zu Formularen: template-driven oder reaktiv? ... 283

8.2 ... Das erste Formular: Übersicht über die Forms-API ... 283

8.3 ... NgModel im Detail: Two-Way-Data-Binding oder nicht? ... 289

8.4 ... Kurzexkurs: Verwendung von Interfaces für d

Rezensionen

"Das Buch bietet Expertenwissen in einer fast unglaublichen Tiefe. Das umfangreiche Nachschlagewerk kümmert sich um alle Facetten ab Angular 2.2 und eignet sich sowohl für Anfänger als auch für Experten." iX - Magazin für professionelle Informationstechnik 201707