Lernen Sie die Möglichkeiten von Angular kennen!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 Frameworks vertraut. Am Praxisbeispiel einer Projektverwaltung führt Ihnen der Webprofi die Komponenten und Konzepte von Angular vor. Formulare, Routing, HTTP-Anbindung und Testing hier lernen Sie Schritt für Schritt, wie Sie eigene Angular-Webapplikationen erstellen. Inkl. aller neuen Features und Komponenten. Aktuell inkl. Material Design.Angular-Webapplikationen professionell entwickelnEinführung, Praxis, TypeScript und RxJSFormulare, Routing, HTTP-Anbindung, Animationen, i18n, reaktive Anwendungen, Performance-Tuning Aus dem Inhalt:Angular-KickstartKomponenten & DirektivenPipes, Services, Dependency-InjectionAngular-CLIModularisierungFormulareHTTP-AnbindungEchtzeitunterstützungInternationalisierungAnimationenPerformance-OptimierungECMAScript, TypeScript, RxJSMaterial DesignNPM-Libraries und Mono-ReposWebComponentsServer-Side Rendering
Formulare, Routing, HTTP-Anbindungen, Animationen, i18n, reaktive Anwendungen, Performance-Tuning
Autorentext
Christoph Höller ist selbstständiger IT-Consultant. Seine fachlichen Schwerpunkte sind die Konzeption und Implementierung hochverfügbarer Unternehmensapplikationen auf Basis des Java-EE-Stacks, die Entwicklung von responsiven Webapplikationen mit JavaScript, AngularJS und Big-Data-Speichern sowie UML-Modellierung und objektorientierte Softwareentwicklung.
Klappentext
Inhalt
Materialien zum Buch ... 25
Vorwort ... 27
1. Angular-Kickstart: Ihre erste Angular-Webapplikation ... 31
1.1 ... Installation der benötigten Software ... 31
1.2 ... Hallo Angular ... 33
1.3 ... Die Blogging-Anwendung ... 43
1.4 ... Zusammenfassung und Ausblick ... 59
2. Das Angular-CLI: professionelle Projektorganisation für Angular-Projekte ... 61
2.1 ... Das Angular-CLI installieren ... 62
2.2 ... ng new: ein Grundgerüst für die Applikation erstellen ... 62
2.3 ... ng serve: die Anwendung starten ... 69
2.4 ... npm start: Start über die lokale CLI-Version ... 73
2.5 ... ng generate: Komponenten generieren ... 74
2.6 ... ng update: Angular und weitere Abhängigkeiten auf die neueste Version updaten ... 78
2.7 ... ng lint: Linting und der Angular-Style-Guide ... 80
2.8 ... Komponenten- und Ende-zu-Ende-Tests ausführen ... 82
2.9 ... CSS-Präprozessoren verwenden ... 85
2.10 ... Drittanbieter-Bibliotheken einbinden ... 86
2.11 ... ng add: Angular-spezifische Abhängigkeiten zu Ihrer Anwendung hinzufügen ... 87
2.12 ... ng build: deploybare Builds erstellen ... 90
2.13 ... Configurations: Konfiguration unterschiedlicher Build- und Ausführungsumgebungen ... 92
2.14 ... ng deploy: die Anwendung im Web deployen ... 97
2.15 ... Zusammenfassung und Ausblick ... 101
3. Komponenten und Templating: der Angular-Sprachkern ... 103
3.1 ... Etwas Theorie: der Angular-Komponenten-Baum ... 103
3.2 ... Selektoren: vom DOM-Element zur Angular-Komponente ... 107
3.3 ... Die Templating-Syntax: Verbindung zwischen Applikationslogik und Darstellung ... 110
3.4 ... Komponenten-Schnittstellen definieren: von der einzelnen Komponente zur vollständigen Applikation ... 129
3.5 ... ViewChildren: Zugriff auf Kind-Elemente aus der Komponenten-Klasse ... 140
3.6 ... Content-Insertion: dynamische Komponenten-Hierarchien erstellen ... 143
3.7 ... Der Lebenszyklus einer Komponente ... 153
3.8 ... Zusammenfassung und Ausblick ... 164
4. Direktiven: Komponenten ohne eigenes Template ... 167
4.1 ... ElementRef und Renderer2: Manipulation von DOM-Eigenschaften eines Elements ... 168
4.2 ... HostBinding und HostListener: Auslesen und Verändern von Host-Eigenschaften und -Events ... 172
4.3 ... Anwendungsfall: Einbinden von Drittanbieter-Bibliotheken ... 174
4.4 ... Anwendungsfall: Accordion-Direktive -- mehrere Kind-Komponenten steuern ... 178
4.5 ... exportAs: Zugriff auf die Schnittstelle einer Direktive ... 181
4.6 ... Zusammenfassung und Ausblick ... 183
5. Fortgeschrittene Komponenten-Konzepte ... 185
5.1 ... Styling von Angular-Komponenten ... 185
5.2 ... TemplateRef und NgTemplateOutlet: dynamisches Austauschen von Komponenten-Templates ... 196
5.3 ... ViewContainerRef: Komponenten zur Laufzeit hinzufügen ... 204
5.4 ... NgComponentOutlet: dynamisch erzeugte Komponenten noch einfacher verwalten ... 213
5.5 ... ChangeDetection-Strategien: Performance-Boost für Ihre Applikation ... 217
5.6 ... Zusammenfassung und Ausblick ... 230
6. Standarddirektiven und Pipes: wissen, was das Framework an Bord hat ... 233
6.1 ... Standarddirektiven ... 234
6.2 ... Pipes: Werte vor dem Rendern transformieren ... 247
6.3 ... Zusammenfassung und Ausblick ... 270
7. Services und Dependency-Injection: lose Kopplung für Ihre Business-Logik ... 273
7.1 ... Grundlagen der Dependency-Injection ... 274
7.2 ... Services in Angular-Applikationen ... 276
7.3 ... Das Angular-Dependency-Injection-Framework ... 277
7.4 ... Weitere Provider-Formen ... 284
7.5 ... Der hierarchische Injector-Baum: volle Flexibilität bei der Definition Ihrer Abhängigkeiten ... 288
7.6 ... Treeshakable-Providers: der DI-Mechanimus auf den Kopf gestellt ... 296
7.7 ... Sichtbarkeit und Lookup von Dependencys ... 297
7.8 ... Zusammenfassung und Ausblick ... 304
8. Template-driven Forms: einfache Formulare auf Basis von HTML ... 307
8.1 ... Grundlagen zu Formularen: template-driven oder reaktiv? ... 308
8.2 ... Das erste Formular: Übersicht über die Forms-API ... 309
8.3 ... NgModel im Detail: Two-Way-Data-Binding oder nicht? ... 315
8.4 ... Kurzexkurs: Verwendung von Interfaces für die Definition des Applikationsmodells ... 319
8.5 ... Weitere Eingabeelemente ... 322
8.6 ... Verschachtelte Eigenschaften definieren ... 328
8.7 ... Validierungen ... 330
<…
Formulare, Routing, HTTP-Anbindungen, Animationen, i18n, reaktive Anwendungen, Performance-Tuning
Autorentext
Christoph Höller ist selbstständiger IT-Consultant. Seine fachlichen Schwerpunkte sind die Konzeption und Implementierung hochverfügbarer Unternehmensapplikationen auf Basis des Java-EE-Stacks, die Entwicklung von responsiven Webapplikationen mit JavaScript, AngularJS und Big-Data-Speichern sowie UML-Modellierung und objektorientierte Softwareentwicklung.
Klappentext
Alles, was Sie über die Angular-Entwicklung wissen sollten - zum Lernen und Nachschlagen. Christoph Höller macht Sie mit allen relevanten Technologien, Standards und Kernbestandteilen des Angular-Frameworks vertraut. Ein durchgehendes Anwendungsbeispiel führt Ihnen die Komponenten praxisnah vor und zeigt, wie Sie Angular für eigene Projekte professionell einsetzen. Inkl. Material Design sowie aller neuen Features und Komponenten.
Aus dem Inhalt:
- Angular-Kickstart
- Komponenten & Direktiven
- Pipes, Services, Dependency-Injection
- Angular-CLI
- Modularisierung
- Formulare
- HTTP-Anbindung
- Echtzeitunterstützung
- Internationalisierung
- Animationen
- Performance-Optimierung
- ECMAScript, TypeScript, RxJS
- Material Design
- NPM-Libraries und Mono-Repos
- WebComponents
- Server-Side Rendering
Inhalt
Materialien zum Buch ... 25
Vorwort ... 27
1. Angular-Kickstart: Ihre erste Angular-Webapplikation ... 31
1.1 ... Installation der benötigten Software ... 31
1.2 ... Hallo Angular ... 33
1.3 ... Die Blogging-Anwendung ... 43
1.4 ... Zusammenfassung und Ausblick ... 59
2. Das Angular-CLI: professionelle Projektorganisation für Angular-Projekte ... 61
2.1 ... Das Angular-CLI installieren ... 62
2.2 ... ng new: ein Grundgerüst für die Applikation erstellen ... 62
2.3 ... ng serve: die Anwendung starten ... 69
2.4 ... npm start: Start über die lokale CLI-Version ... 73
2.5 ... ng generate: Komponenten generieren ... 74
2.6 ... ng update: Angular und weitere Abhängigkeiten auf die neueste Version updaten ... 78
2.7 ... ng lint: Linting und der Angular-Style-Guide ... 80
2.8 ... Komponenten- und Ende-zu-Ende-Tests ausführen ... 82
2.9 ... CSS-Präprozessoren verwenden ... 85
2.10 ... Drittanbieter-Bibliotheken einbinden ... 86
2.11 ... ng add: Angular-spezifische Abhängigkeiten zu Ihrer Anwendung hinzufügen ... 87
2.12 ... ng build: deploybare Builds erstellen ... 90
2.13 ... Configurations: Konfiguration unterschiedlicher Build- und Ausführungsumgebungen ... 92
2.14 ... ng deploy: die Anwendung im Web deployen ... 97
2.15 ... Zusammenfassung und Ausblick ... 101
3. Komponenten und Templating: der Angular-Sprachkern ... 103
3.1 ... Etwas Theorie: der Angular-Komponenten-Baum ... 103
3.2 ... Selektoren: vom DOM-Element zur Angular-Komponente ... 107
3.3 ... Die Templating-Syntax: Verbindung zwischen Applikationslogik und Darstellung ... 110
3.4 ... Komponenten-Schnittstellen definieren: von der einzelnen Komponente zur vollständigen Applikation ... 129
3.5 ... ViewChildren: Zugriff auf Kind-Elemente aus der Komponenten-Klasse ... 140
3.6 ... Content-Insertion: dynamische Komponenten-Hierarchien erstellen ... 143
3.7 ... Der Lebenszyklus einer Komponente ... 153
3.8 ... Zusammenfassung und Ausblick ... 164
4. Direktiven: Komponenten ohne eigenes Template ... 167
4.1 ... ElementRef und Renderer2: Manipulation von DOM-Eigenschaften eines Elements ... 168
4.2 ... HostBinding und HostListener: Auslesen und Verändern von Host-Eigenschaften und -Events ... 172
4.3 ... Anwendungsfall: Einbinden von Drittanbieter-Bibliotheken ... 174
4.4 ... Anwendungsfall: Accordion-Direktive -- mehrere Kind-Komponenten steuern ... 178
4.5 ... exportAs: Zugriff auf die Schnittstelle einer Direktive ... 181
4.6 ... Zusammenfassung und Ausblick ... 183
5. Fortgeschrittene Komponenten-Konzepte ... 185
5.1 ... Styling von Angular-Komponenten ... 185
5.2 ... TemplateRef und NgTemplateOutlet: dynamisches Austauschen von Komponenten-Templates ... 196
5.3 ... ViewContainerRef: Komponenten zur Laufzeit hinzufügen ... 204
5.4 ... NgComponentOutlet: dynamisch erzeugte Komponenten noch einfacher verwalten ... 213
5.5 ... ChangeDetection-Strategien: Performance-Boost für Ihre Applikation ... 217
5.6 ... Zusammenfassung und Ausblick ... 230
6. Standarddirektiven und Pipes: wissen, was das Framework an Bord hat ... 233
6.1 ... Standarddirektiven ... 234
6.2 ... Pipes: Werte vor dem Rendern transformieren ... 247
6.3 ... Zusammenfassung und Ausblick ... 270
7. Services und Dependency-Injection: lose Kopplung für Ihre Business-Logik ... 273
7.1 ... Grundlagen der Dependency-Injection ... 274
7.2 ... Services in Angular-Applikationen ... 276
7.3 ... Das Angular-Dependency-Injection-Framework ... 277
7.4 ... Weitere Provider-Formen ... 284
7.5 ... Der hierarchische Injector-Baum: volle Flexibilität bei der Definition Ihrer Abhängigkeiten ... 288
7.6 ... Treeshakable-Providers: der DI-Mechanimus auf den Kopf gestellt ... 296
7.7 ... Sichtbarkeit und Lookup von Dependencys ... 297
7.8 ... Zusammenfassung und Ausblick ... 304
8. Template-driven Forms: einfache Formulare auf Basis von HTML ... 307
8.1 ... Grundlagen zu Formularen: template-driven oder reaktiv? ... 308
8.2 ... Das erste Formular: Übersicht über die Forms-API ... 309
8.3 ... NgModel im Detail: Two-Way-Data-Binding oder nicht? ... 315
8.4 ... Kurzexkurs: Verwendung von Interfaces für die Definition des Applikationsmodells ... 319
8.5 ... Weitere Eingabeelemente ... 322
8.6 ... Verschachtelte Eigenschaften definieren ... 328
8.7 ... Validierungen ... 330
<…
Titel
Angular
Untertitel
Das umfassende Handbuch
Autor
EAN
9783836282451
Format
E-Book (epub)
Hersteller
Veröffentlichung
03.03.2022
Digitaler Kopierschutz
frei
Dateigrösse
24 MB
Anzahl Seiten
1016
Lesemotiv
Unerwartete Verzögerung
Ups, ein Fehler ist aufgetreten. Bitte versuchen Sie es später noch einmal.