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
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 8.8 ... Implementierung der Tags-Liste: wiederholbare Strukturen mit Template-driven Forms ... 347 8.9 ... updateOn: steuern, wann Änderungen übernommen werden ... 351 8.10 ... Zusammenfassung und Ausblick ... 352 9. Reactive Forms: Formulare dynamisch in der Applikationslogik definieren ... 355 9.1 ... Aktivierung von Reactive Forms für Ihre Applikation ... 356 9.2 ... Das Task-Formular im reaktiven Ansatz ... 356 9.3 ... Formulare und Kontrollelemente auf Änderungen überwachen ... 377 9.4 ... Fallbeispiel: Umfragebogen -- Formulare komplett dynamisch definieren ... 378 9.5 ... ControlValueAccessor: eigene Eingabeelemente für die Forms-API implementieren ... 385 9.6 ... Zusammenfassung und Ausblick ... 394 10. Routing: Navigation innerhalb der Anwendung ... 397 10.1 ... Project-Manager: die Beispielanwendung ... 398 10.2 ... Die erste Routenkonfiguration: das Routing-Framework einrichten ... 399 10.3 ... Location-Strategien: »schöne URLs« vs. »Routing ohne Server-Konfiguration« ... 404 10.4 ... ChildRoutes: verschachtelte Routenkonfigurationen erstellen ... 407 10.5 ... RouterLinkActive: Styling des aktiven Links ... 413 10.6 ... Routing-Parameter: dynamische Adresszeilenparameter auswerten ... 416 10.7 ... Aus der Anwendungslogik heraus navigieren ... 427 10.8 ... Routing-Guards: Routen absichern und die Navigation generisch beeinflussen ... 429 10.9 ... Redirects und Wildcard-URLs ... 436 10.10 ... Data: statische Metadaten an Routen hinterle…
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 8.8 ... Implementierung der Tags-Liste: wiederholbare Strukturen mit Template-driven Forms ... 347 8.9 ... updateOn: steuern, wann Änderungen übernommen werden ... 351 8.10 ... Zusammenfassung und Ausblick ... 352 9. Reactive Forms: Formulare dynamisch in der Applikationslogik definieren ... 355 9.1 ... Aktivierung von Reactive Forms für Ihre Applikation ... 356 9.2 ... Das Task-Formular im reaktiven Ansatz ... 356 9.3 ... Formulare und Kontrollelemente auf Änderungen überwachen ... 377 9.4 ... Fallbeispiel: Umfragebogen -- Formulare komplett dynamisch definieren ... 378 9.5 ... ControlValueAccessor: eigene Eingabeelemente für die Forms-API implementieren ... 385 9.6 ... Zusammenfassung und Ausblick ... 394 10. Routing: Navigation innerhalb der Anwendung ... 397 10.1 ... Project-Manager: die Beispielanwendung ... 398 10.2 ... Die erste Routenkonfiguration: das Routing-Framework einrichten ... 399 10.3 ... Location-Strategien: »schöne URLs« vs. »Routing ohne Server-Konfiguration« ... 404 10.4 ... ChildRoutes: verschachtelte Routenkonfigurationen erstellen ... 407 10.5 ... RouterLinkActive: Styling des aktiven Links ... 413 10.6 ... Routing-Parameter: dynamische Adresszeilenparameter auswerten ... 416 10.7 ... Aus der Anwendungslogik heraus navigieren ... 427 10.8 ... Routing-Guards: Routen absichern und die Navigation generisch beeinflussen ... 429 10.9 ... Redirects und Wildcard-URLs ... 436 10.10 ... Data: statische Metadaten an Routen hinterle…
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.