Kooperativer Bibliotheksverbund

UID:

Umfang: 1 online resource (1019 pages)

Ausgabe: 3

ISBN: 9783836282451

Anmerkung: Intro -- Materialien zum Buch -- Vorwort -- 1 Angular-Kickstart: Ihre erste Angular-Webapplikation -- 1.1 Installation der benötigten Software -- 1.1.1 Node.js und npm -- 1.1.2 Visual Studio Code: eine kostenlose Entwicklungsumgebung für TypeScript und Angular -- 1.1.3 Alternative: Webstorm: perfekte Angular-Unterstützung -- 1.2 Hallo Angular -- 1.2.1 Komponenten konfigurieren -- 1.2.2 Die Komponenten-Klasse -- 1.2.3 Das Applikationsmodul: das Hauptmodul der Anwendung konfigurieren -- 1.2.4 main.ts: Wahl der Ausführungsplattform und Start des Applikationsmoduls -- 1.2.5 index.html: Einbinden der Bootstrap-Komponente und Start der Anwendung -- 1.3 Die Blogging-Anwendung -- 1.3.1 Start der Applikation -- 1.3.2 Einige Tipps zur Fehlersuche -- 1.3.3 Die Formular-Komponente: Daten aus der View in die Komponenten-Klasse übertragen -- 1.3.4 Das Applikationsmodell -- 1.3.5 Darstellung der Liste in der View -- 1.3.6 Modularisierung der Anwendung -- 1.4 Zusammenfassung und Ausblick -- 2 Das Angular-CLI: professionelle Projektorganisation für Angular-Projekte -- 2.1 Das Angular-CLI installieren -- 2.2 ng new: ein Grundgerüst für die Applikation erstellen -- 2.2.1 Konfigurationsoptionen für die Projektgenerierung -- 2.2.2 Das generierte Projekt im Detail -- 2.3 ng serve: die Anwendung starten -- 2.3.1 Die Proxy-Konfiguration -- 2.3.2 ng serve-Default-Optionen über die angular.json einstellen -- 2.4 npm start: Start über die lokale CLI-Version -- 2.5 ng generate: Komponenten generieren -- 2.5.1 Konfigurationsoptionen bei der Komponentengenerierung -- 2.5.2 Weitere Generatoren -- 2.6 ng update: Angular und weitere Abhängigkeiten auf die neueste Version updaten -- 2.7 ng lint: Linting und der Angular-Style-Guide -- 2.8 Komponenten- und Ende-zu-Ende-Tests ausführen -- 2.8.1 ng test: Unit- und Komponenten-Tests ausführen , 2.8.2 ng e2e: Ende-zu-Ende-Tests ausführen -- 2.9 CSS-Präprozessoren verwenden -- 2.10 Drittanbieter-Bibliotheken einbinden -- 2.10.1 Bibliotheken über die index.html einbinden -- 2.11 ng add: Angular-spezifische Abhängigkeiten zu Ihrer Anwendung hinzufügen -- 2.12 ng build: deploybare Builds erstellen -- 2.12.1 Konfigurationsoptionen für die Ausführung des Builds -- 2.13 Configurations: Konfiguration unterschiedlicher Build- und Ausführungsumgebungen -- 2.13.1 File-Replacements: Dateien abhängig von der Konfiguration austauschen -- 2.13.2 Eigene Build-Konfigurationen anlegen und aktivieren -- 2.13.3 Konfigurationen für den ng serve-Befehl -- 2.13.4 Mehrere Konfigurationen für Ihren Build aktivieren -- 2.14 ng deploy: die Anwendung im Web deployen -- 2.14.1 Praxisbeispiel: Deployment auf GitHub Pages -- 2.15 Zusammenfassung und Ausblick -- 3 Komponenten und Templating: der Angular-Sprachkern -- 3.1 Etwas Theorie: der Angular-Komponenten-Baum -- 3.2 Selektoren: vom DOM-Element zur Angular-Komponente -- 3.2.1 Tag-Selektoren -- 3.2.2 Attribut-Selektoren -- 3.2.3 Klassen-Selektoren -- 3.2.4 not()-Selektoren -- 3.2.5 Verknüpfung von Selektoren -- 3.3 Die Templating-Syntax: Verbindung zwischen Applikationslogik und Darstellung -- 3.3.1 Fallbeispiel: Timepicker-Komponente -- 3.3.2 Property-Bindings -- 3.3.3 Sonderfälle: Attribute, Klassen und Styles setzen -- 3.3.4 Interpolation: Darstellung von Werten im View -- 3.3.5 Event-Bindings -- 3.3.6 Two-Way-Data-Bindings mit NgModel -- 3.3.7 Lokale Template-Variablen -- 3.3.8 Die *-Templating-Microsyntax - neue DOM-Elemente dynamisch einfügen -- 3.3.9 Templating-Syntax-Spickzettel -- 3.4 Komponenten-Schnittstellen definieren: von der einzelnen Komponente zur vollständigen Applikation -- 3.4.1 Input-Bindings: Werte in Ihre Komponenten hineinreichen , 3.4.2 Output-Bindings: andere Komponenten über Datenänderungen informieren -- 3.4.3 Two-Way-Data-Bindings: syntaktischer Zucker für Ihre Komponenten-Schnittstelle -- 3.4.4 ngOnChanges: auf Änderungen von Bindings reagieren -- 3.4.5 Lokale Komponenten-Variablen: Zugriff auf die API Ihrer Kind-Elemente im HTML-Code -- 3.5 ViewChildren: Zugriff auf Kind-Elemente aus der Komponenten-Klasse -- 3.6 Content-Insertion: dynamische Komponenten-Hierarchien erstellen -- 3.6.1 Einfachen HTML-Code injizieren -- 3.6.2 ContentChildren: Erzeugung von dynamischen Komponenten-Bäumen am Beispiel einer Tabs-Komponente -- 3.7 Der Lebenszyklus einer Komponente -- 3.7.1 Der Konstruktor: Instanziierung der Komponente -- 3.7.2 ngOnInit: Initialisierung der eigenen Komponente -- 3.7.3 ngOnChanges: auf Änderungen reagieren -- 3.7.4 ngAfterContentInit: auf die Initialisierung von Content-Children reagieren -- 3.7.5 ngAfterViewInit: auf die Initialisierung von ViewChildren reagieren -- 3.7.6 ngOnDestroy: Aufräumarbeiten vornehmen -- 3.7.7 ngAfterContentChecked, ngAfterViewChecked: den ChangeDetection- Mechanismus verfolgen -- 3.7.8 ngDoCheck: den ChangeDetection-Mechanismus verändern -- 3.8 Zusammenfassung und Ausblick -- 4 Direktiven: Komponenten ohne eigenes Template -- 4.1 ElementRef und Renderer2: Manipulation von DOM-Eigenschaften eines Elements -- 4.1.1 Die Renderer2-Klasse: das native Element plattformunabhängig manipulieren -- 4.2 HostBinding und HostListener: Auslesen und Verändern von Host-Eigenschaften und -Events -- 4.3 Anwendungsfall: Einbinden von Drittanbieter-Bibliotheken -- 4.3.1 Two-Way-Data-Binding für die Slider-Komponente -- 4.4 Anwendungsfall: Accordion-Direktive - mehrere Kind-Komponenten steuern -- 4.5 exportAs: Zugriff auf die Schnittstelle einer Direktive -- 4.6 Zusammenfassung und Ausblick -- 5 Fortgeschrittene Komponenten-Konzepte , 5.1 Styling von Angular-Komponenten -- 5.1.1 Styles an der Komponente definieren -- 5.1.2 ViewEncapsulation - Strategien zum Kapseln Ihrer Styles -- 5.2 TemplateRef und NgTemplateOutlet: dynamisches Austauschen von Komponenten-Templates -- 5.2.1 NgFor mit angepassten Templates verwenden -- 5.2.2 NgTemplateOutlet: zusätzliche Templates an die Komponente übergeben -- 5.3 ViewContainerRef: Komponenten zur Laufzeit hinzufügen -- 5.3.1 ViewContainerRef: Komponenten zur Laufzeit hinzufügen -- 5.3.2 ComponentRef: Interaktion mit der dynamisch erzeugten Komponente -- 5.3.3 Komponenten an einer bestimmten Stelle einfügen -- 5.3.4 Komponenten innerhalb des ViewContainers verschieben und löschen -- 5.3.5 createEmbeddedView: eigene strukturelle Direktiven implementieren -- 5.4 NgComponentOutlet: dynamisch erzeugte Komponenten noch einfacher verwalten -- 5.4.1 Übergabe von dynamischen Eigenschaften an NgComponentOutlet -- 5.5 ChangeDetection-Strategien: Performance-Boost für Ihre Applikation -- 5.5.1 Die Beispielapplikation -- 5.5.2 Veränderungen des Applikationsstatus -- 5.5.3 ChangeDetection-Strategien: Optimierung des Standardverhaltens -- 5.5.4 ChangeDetectorRef: die vollständige Kontrolle über den ChangeDetector -- 5.6 Zusammenfassung und Ausblick -- 6 Standarddirektiven und Pipes: wissen, was das Framework an Bord hat -- 6.1 Standarddirektiven -- 6.1.1 NgIf: Elemente abhängig von Bedingungen darstellen -- 6.1.2 NgSwitch: Switch-Case-Verhalten implementieren -- 6.1.3 NgClass: CSS-Klassen dynamisch hinzufügen und entfernen -- 6.1.4 NgStyle: das style-Attribut manipulieren -- 6.1.5 NgFor: Komfortabel über Listen iterieren -- 6.1.6 NgNonBindable-Auswertung durch die Templating-Syntax verhindern -- 6.2 Pipes: Werte vor dem Rendern transformieren -- 6.2.1 UpperCasePipe und LowerCasePipe: Strings transformieren , 6.2.2 Die SlicePipe: nur bestimmte Bereiche von Arrays und Strings darstellen -- 6.2.3 Die JSON-Pipe: JavaScript-Objekte als String ausgeben -- 6.2.4 KeyValuePipe: über Objekte und Maps iterieren -- 6.2.5 DecimalPipe: Zahlenwerte formatieren -- 6.2.6 Kurzexkurs: lokalisierbare Pipes - Werte der aktuellen Sprache entsprechend formatieren -- 6.2.7 DatePipe: Datums- und Zeitwerte darstellen -- 6.2.8 Percent- und CurrencyPipe: Prozent- und Währungswerte formatieren -- 6.2.9 Die AsyncPipe: auf asynchrone Werte warten -- 6.2.10 Pipes im Komponenten-Code verwenden -- 6.2.11 Eigene Pipes implementieren -- 6.2.12 Pure vs. Impure Pipes: Pipe, ändere dich! -- 6.3 Zusammenfassung und Ausblick -- 7 Services und Dependency-Injection: lose Kopplung für Ihre Business-Logik -- 7.1 Grundlagen der Dependency-Injection -- 7.2 Services in Angular-Applikationen -- 7.3 Das Angular-Dependency-Injection-Framework -- 7.3.1 Injector- und Provider-Konfiguration: das Herz der DI -- 7.3.2 Vereinfachungen bei der Provider-Definition -- 7.3.3 Den @Inject-Decorator vermeiden -- 7.3.4 Der @Injectable-Decorator: TypeScript-optimierte Injektion in Services -- 7.3.5 Member-Injection: automatische Erzeugung von Membervariablen -- 7.4 Weitere Provider-Formen -- 7.4.1 Injection-Tokens: kollisionsfreie Definition von DI-Schlüsseln -- 7.5 Der hierarchische Injector-Baum: volle Flexibilität bei der Definition Ihrer Abhängigkeiten -- 7.5.1 Der Injector-Baum -- 7.5.2 Registrierung von globalen Services: der UserService -- 7.5.3 Registrieren von komponenten-bezogenen Services: MusicSearchService und VideoSearchService -- 7.6 Treeshakable-Providers: der DI-Mechanimus auf den Kopf gestellt -- 7.7 Sichtbarkeit und Lookup von Dependencys -- 7.7.1 Sichtbarkeit von Providern beschränken -- 7.7.2 Den Lookup von Abhängigkeiten beeinflussen -- 7.8 Zusammenfassung und Ausblick , 8 Template-driven Forms: einfache Formulare auf Basis von HTML

Weitere Ausg.: Print version: Höller, Christoph Angular Bonn : Rheinwerk Verlag,c2022 ISBN 9783836282437

Schlagwort(e): Electronic books.

URL: https://ebookcentral.proquest.com/lib/th-brandenburg/detail.action?docID=6898311