Details

<p>Über den Autor 7</p> <p><b>Einleitung</b> <b>19</b></p> <p>Konventionen in diesem Buch 19</p> <p>Was Sie nicht lesenmüssen 19</p> <p>Törichte Annahmen über die Leser 20</p> <p>Wie dieses Buch aufgebaut ist 20</p> <p>Teil I: Die ersten Schritte 20</p> <p>Teil II: Mit dem Nutzer interagieren 20</p> <p>Teil III: Mit dem Server kommunizieren 20</p> <p>Teil IV: Routing 20</p> <p>Teil V: Die Anwendung testen 21</p> <p>Teil VI: Der Top-Ten-Teil 21</p> <p>Symbole, die in diesem Buch verwendet werden 21</p> <p>Wie es weitergeht 21</p> <p><b>Teil I Die Ersten Schritte</b> <b>23</b></p> <p><b>Kapitel 1 Die Werkzeuge</b> <b>25</b></p> <p>Die Entwicklungsumgebung 25</p> <p>Node.js und npm 26</p> <p>Texteditoren 28</p> <p>Der TypeScript-Compiler 29</p> <p>Kompilierfehler 30</p> <p>Compiler-Optionen 31</p> <p>TSLint, codelyzer und Prettier 33</p> <p>Das Hauptwerkzeug: Angular CLI 34</p> <p>Features von Angular CLI 34</p> <p>Projekt initialisieren 36</p> <p>Die Verzeichnisstruktur von Angular CLI 36</p> <p>Die Konfigurationsdatei von Angular CLI 39</p> <p>Die Anwendung bauen 41</p> <p>Die Beispielanwendung tritt auf 44</p> <p>Beispielanwendung: Umgebung einrichten 46</p> <p><b>Kapitel 2 Die erste Angular-Anwendung</b> <b>49</b></p> <p>Die Bausteine einer Angular-Anwendung 49</p> <p>Angular-Module 50</p> <p>Angular-Module definieren 51</p> <p>Der NgModule-Decorator 52</p> <p>Arten von Angular-Modulen 53</p> <p>Hauptmodul 53</p> <p>Feature-Module 54</p> <p>Routing-Module 54</p> <p>Service-Module 55</p> <p>Widget-Module 55</p> <p>Komponenten 55</p> <p>Komponenten definieren 55</p> <p>Der Component-Decorator 57</p> <p>Das Template der Komponente 57</p> <p>Die Styles der Komponente 59</p> <p>Komponenten deklarieren 60</p> <p>Services – Ein Ort für die Logik 61</p> <p>Einen Service definieren 61</p> <p>Einen Service registrieren 62</p> <p>Einen Service nutzen 63</p> <p>Dependency Injection und Providers 64</p> <p>Hierarchische Injektoren 64</p> <p>Die Hauptdatei der Anwendung 66</p> <p>Beispielanwendung: Erste Schritte 68</p> <p>Service implementieren und registrieren 68</p> <p>Service nutzen 69</p> <p><b>Kapitel 3 Modularer Aufbau</b> <b>71</b></p> <p>Der Komponentenbaum 71</p> <p>Komponenten und ihre Kinder 72</p> <p>Komponenten in ein Template einfügen 73</p> <p>Interaktion zwischen Komponenten 74</p> <p>Der Lebenszyklus einer Komponente 82</p> <p>Lifecycle-Hooks definieren 83</p> <p>Konstruktor 83</p> <p>ngOnChanges 83</p> <p>ngOnInit 85</p> <p>ngDoCheck 85</p> <p>ngAfterContentInit 85</p> <p>ngAfterContentChecked 85</p> <p>ngAfterViewInit 86</p> <p>ngAfterViewChecked 86</p> <p>ngOnDestroy 86</p> <p>Dumme und kluge Komponenten 86</p> <p>Dumme Komponenten 86</p> <p>Kluge Komponenten 87</p> <p>Vorteile dieser Aufteilung 87</p> <p>Beispielanwendung: Neue Komponenten 87</p> <p><b>Teil II Mit Dem Nutzer Interagieren</b> <b>93</b></p> <p><b>Kapitel 4 Der Nutzer und was er sieht</b> <b>95</b></p> <p>Daten anzeigen 95</p> <p>Listen anzeigen 95</p> <p>Daten vor dem Anzeigen transformieren 100</p> <p>Auf Ereignisse reagieren 104</p> <p>Parameter übergeben 105</p> <p>Pseudo-Ereignisse 107</p> <p>Das Aussehen verändern 107</p> <p>Die NgStyle-Direktive 107</p> <p>Die NgClass-Direktive 108</p> <p>Teile der Ansicht bedingt anzeigen 110</p> <p>Die NgIf-Direktive 110</p> <p>Die NgSwitch-Direktive 111</p> <p>Beispielanwendung: Daten anzeigen 112</p> <p>Kontaktlisten anzeigen 112</p> <p>Kontakte anzeigen 113</p> <p>Die Ansicht aufräumen 115</p> <p><b>Kapitel 5 Daten vom Nutzer bekommen</b> <b>117</b></p> <p>Formulare in Angular 117</p> <p>Formulararten 118</p> <p>Voraussetzungen für die Nutzung von Formularen 119</p> <p>Ein einfaches Formular implementieren 119</p> <p>Template-gesteuerte Formulare implementieren 120</p> <p>Textfelder in Template-gesteuerte Formularen 121</p> <p>Zahlenfelder in Template-gesteuerten Formularen 123</p> <p>Kontrollkästchen in Template-gesteuerten Formularen 124</p> <p>Optionsschaltflächen in Template-gesteuerten Formularen 125</p> <p>Auswahlfelder in Template-gesteuerte Formularen 126</p> <p>Komplexere Formulare implementieren 127</p> <p>Modell-gesteuerte Formulare implementieren 128</p> <p>Eingabefelder in Modell-gesteuerten Formularen 129</p> <p>Auf Datenänderungen im Formular reagieren 131</p> <p>Dynamische Formulare 134</p> <p>Beispielanwendung: Daten bekommen 136</p> <p>Formular für die Kontaktlisten 137</p> <p>Das Formular nutzen 138</p> <p>Das Formular anzeigen 139</p> <p><b>Kapitel 6 Nutzereingaben validieren</b> <b>141</b></p> <p>Grundlagen 141</p> <p>Validierungsfunktionen 142</p> <p>Validierungsdirektiven 143</p> <p>Zustände von Eingabefeldern 144</p> <p>Zustände von Gruppen 146</p> <p>Validierung in Template-gesteuerten Formularen 147</p> <p>Validierungsdirektiven nutzen 147</p> <p>Den Zustand von Template-gesteuerten Formularen abfragen 148</p> <p>Validierung in Modell-gesteuerten Formularen 149</p> <p>Validierungsfunktionen nutzen 149</p> <p>Den Zustand von Modell-gesteuerten Formularen abfragen 151</p> <p>Validierungsfehler anzeigen 153</p> <p>Eigene Validierungsfunktionen 155</p> <p>Synchrone Validierungsfunktionen 155</p> <p>Asynchrone Validierungsfunktionen 156</p> <p>Gruppenvalidierung 158</p> <p>Beispielanwendung: Eingabe validieren 159</p> <p><b>Teil III Mit Dem Server Kommunizieren</b> <b>161</b></p> <p><b>Kapitel 7 Grundlagen der Server-Kommunikation</b> <b>163</b></p> <p>Webserver 163</p> <p>Reaktive Programmierung mit RxJS 165</p> <p>Observables 165</p> <p>Signale von Observables 166</p> <p>Observables erzeugen 167</p> <p>Methoden von Observables 168</p> <p>Operatoren für Observables 171</p> <p>Fehlerbehandlung 174</p> <p>Das HTTP-Modul 177</p> <p>Angular-Module im HTTP-Modul 177</p> <p>Hilfsklassen im HTTP-Modul 178</p> <p>Der HttpClient-Service 179</p> <p>Methoden des HttpClient-Services 179</p> <p>Optionen des HttpClient-Services 179</p> <p>Weitere Features des HttpClient-Services 180</p> <p>Beispielanwendung: API-Server 180</p> <p>Mit dem API-Server arbeiten 181</p> <p>API-Beschreibung 182</p> <p><b>Kapitel 8 Datenaustausch mit einem REST-Server</b> <b>187</b></p> <p>Voraussetzungen 187</p> <p>Daten vom Server anfordern 188</p> <p>JSON-Daten anfordern 188</p> <p>Daten in einem anderen Format anfordern 190</p> <p>Daten an den Server schicken 191</p> <p>Daten hinzufügen 192</p> <p>Daten aktualisieren 193</p> <p>Daten löschen 195</p> <p>Anfrageparameter 195</p> <p>Auf die HttpResponse-Instanz zugreifen 196</p> <p>Eigene Headers definieren 198</p> <p>Fehlerbehandlung 199</p> <p>Fehlerarten 200</p> <p>Fehler in einem Service behandeln 201</p> <p>Fehler in einer Komponente behandeln 203</p> <p>Beispielanwendung: Datenaustausch 203</p> <p>Kontaktlisten anfordern 204</p> <p>Kontaktlisten hinzufügen 205</p> <p>Kontaktlisten aktualisieren 206</p> <p>Kontaktlisten löschen 207</p> <p>Fehlerbehandlung 208</p> <p><b>Teil IV Routing</b> <b>209</b></p> <p><b>Kapitel 9 Routing: Grundlagen</b> <b>211</b></p> <p>Was ist Routing? 211</p> <p>Der Angular-Router 212</p> <p>Das Angular-Router-Paket 212</p> <p>Routerkonfiguration 214</p> <p>Routingbaum und Zustand 216</p> <p>Routing-Module 217</p> <p>Routing-Modul für ein Feature-Modul 218</p> <p>Haupt-Routing-Modul 219</p> <p>Komponenten anzeigen 220</p> <p>Navigierenmit dem Angular-Router 221</p> <p>Absolute und relative Pfade 221</p> <p>Navigation im Template 223</p> <p>Navigation in der Klasse 224</p> <p>Parametrisierte Pfade 225</p> <p>Routing in der Beispielanwendung 227</p> <p>In Angular-Module aufteilen 227</p> <p>Routing implementieren 229</p> <p><b>Kapitel 10 Weitere Router-Features</b> <b>231</b></p> <p>Verschachtelte Routes 231</p> <p>Verschachtelte Routes und RouterOutlets 232</p> <p>Vorteile von verschachtelten Routes 234</p> <p>Angular-Module nachladen 235</p> <p>Module zum Nachladen definieren 235</p> <p>Preloading 236</p> <p>Bedingte Navigation 237</p> <p>Guards definieren 238</p> <p>Guards nutzen 238</p> <p>canLoad-Guard 239</p> <p>canActivate-Guard 240</p> <p>canActivateChild-Guard 240</p> <p>canDeactivate-Guard 240</p> <p>Datenmit dem Router übergeben 241</p> <p>Statische Daten übergeben 241</p> <p>Dynamische Daten übergeben 243</p> <p>Navigationsereignisse 245</p> <p>Überblick über die Navigationsereignisse 245</p> <p>Auf Navigationsereignisse reagieren 246</p> <p>Umleitungen 247</p> <p>Umleitungen definieren 248</p> <p>Absolute und relative Umleitungen 248</p> <p>Beispielanwendung: Login 249</p> <p><b>Teil V Die Anwendung Testen</b> <b>251</b></p> <p><b>Kapitel 11 Unit-Tests</b> <b>253</b></p> <p>Was sind Unit-Tests? 253</p> <p>Jasmine 254</p> <p>Testaufbau 254</p> <p>Erwartungen definieren 256</p> <p>Test-Spione 257</p> <p>Asynchrone Tests 259</p> <p>Unit-Tests ausführen 260</p> <p>Angular-Test-Module definieren 262</p> <p>Services testen 264</p> <p>Bausteine mit Abhängigkeiten testen 266</p> <p>Tests mit dem HttpClient 268</p> <p>Komponenten testen 270</p> <p>Das DOM einer Komponente testen 271</p> <p>Verschachtelte Komponenten 274</p> <p>Die Beispielanwendung Unit-testen 275</p> <p><b>Kapitel 12 End-to-End-Tests</b> <b>279</b></p> <p>Was sind End-to-End-Tests? 279</p> <p>Protractor 281</p> <p>Die Funktionsweise von Protractor 282</p> <p>Browserunterstützung 283</p> <p>Tests mit Protractor schreiben 283</p> <p>Das browser-Objekt 284</p> <p>Das by-Objekt 285</p> <p>Das element-Objekt 286</p> <p>Beispiel für einen End-to-End-Test 287</p> <p>Seitenobjekte 289</p> <p>End-to-End-Tests ausführen 290</p> <p>Timeouts 292</p> <p>Die Beispielanwendung testen 293</p> <p><b>Teil VI Der Top-Ten-Teil</b> <b>295</b></p> <p><b>Kapitel 13 Zehn Angular-Bibliotheken</b> <b>297</b></p> <p>Angular Material 297</p> <p>ng-bootstrap 297</p> <p>ngx-bootstrap 298</p> <p>PrimeNG 298</p> <p>NgRx 298</p> <p>ag-Grid 299</p> <p>NGX-Translate 300</p> <p>Augury 300</p> <p>Angular Universal 300</p> <p>Ionic 301</p> <p><b>Kapitel 14 (Nicht ganz) Zehn Angular-Informationsquellen</b> <b>303</b></p> <p>Angular-Dokumentations-Webseite 303</p> <p>Angular-Blog 304</p> <p>Angular GitHub-Repository 304</p> <p>Gitter 304</p> <p>Stack Overflow 305</p> <p>Angular in Depth 305</p> <p>AngularJS.DE 305</p> <p>Angular University 306</p> <p>Awesome Angular 306</p> <p><b>Anhang A Einführung in TypeScript</b> <b>307</b></p> <p>Basistypen 308</p> <p>Boolean 308</p> <p>Number 309</p> <p>String 309</p> <p>Arrays 310</p> <p>null und undefined 310</p> <p>Any 310</p> <p>Funktionen 311</p> <p>Optionale und Default-Parameter 312</p> <p>Pfeilfunktionen 313</p> <p>Interfaces 313</p> <p>Interfaces erweitern 314</p> <p>Optionale Eigenschaften/Methoden 315</p> <p>Klassen 315</p> <p>Klassen und Interfaces 316</p> <p>Sichtbarkeit von Eigenschaften und Methoden 317</p> <p>Statische Methoden 318</p> <p>Generische Typdefinitionen 319</p> <p>Stichwortverzeichnis 321</p>

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.

DE