Framework Angular od wielu lat jest jednym z najważniejszych narzÄ™dzi do rozwijania Å›rednich i dużych aplikacji internetowych. Co istotne, aplikacje te bez problemu dziaÅ‚ajÄ… w każdej nowoczesnej przeglÄ…darce, a także na platformach mobilnych. Obecnie Angular jest dojrzaÅ‚Ä…, stabilnÄ… i wciąż ewoluujÄ…cÄ… technologiÄ…, a w kolejnych wydaniach frameworka pojawiajÄ… siÄ™ nowe, uÅ‚atwiajÄ…ce pracÄ™ funkcje. Aplikacje napisane w Angularze opierajÄ… siÄ™ na hierarchicznym systemie komunikujÄ…cych siÄ™ komponentów i na dobrze zbudowanych interfejsach API. Przejrzystość i zrozumiaÅ‚e zasady rzÄ…dzÄ…ce tym systemem sprawiajÄ…, że nauka posÅ‚ugiwania siÄ™ Angularem przychodzi szybko i jest bardzo satysfakcjonujÄ…ca.

Ta książka jest przeznaczona dla programistów, którzy chcÄ… możliwie szybko zacząć budować poprawne aplikacje w Angularze i bezproblemowo uruchamiać je w Å›rodowisku produkcyjnym. PodrÄ™cznik zostaÅ‚ napisany w sposób, który pozwala na natychmiastowe rozpoczÄ™cie kodowania i zrozumienie — niemal mimochodem — tak zaawansowanych technik jak testowanie, wstrzykiwanie zależnoÅ›ci czy regulowanie wydajnoÅ›ci. W książce poÅ‚ożono nacisk na korzystanie z TypeScriptu i ES2015 oraz na tworzenie poprawnego kodu zgodnie z najlepszymi praktykami. Nie zabrakÅ‚o licznych wskazówek i opisu nieoczywistych, ale bardzo pomocnych technik pracy. DziÄ™ki temu szybko wykorzystasz potencjaÅ‚ Angulara do pisania wydajnych, odpornych i bezpiecznych aplikacji!

Najważniejsze zagadnienia:

• PrzeglÄ…d architektury Angulara i jego funkcji
• Zasady tworzenia aplikacji w Angularze
• Komponenty i interakcje miÄ™dzy nimi
• UsÅ‚ugi, wstrzykiwanie zależnoÅ›ci i wzorce nawigacyjne
• Testowanie, debugowanie i wdrażanie aplikacji

Oto Angular: ambitne narzÄ™dzie dla profesjonalistów!

Osoby które kupowały "Angular w akcji", wybierały także:

• Angular 2. Programowanie z użyciem jÄ™zyka TypeScript 77,10 zÅ‚, (23,90 zÅ‚ -69%)
• RESTful Web Services. Kurs video. Tworzenie restowych aplikacji internetowych w Spring, AngularJS 79,00 zÅ‚, (31,60 zÅ‚ -60%)
• AngularJS. Kurs video. Poziom pierwszy. Tworzenie aplikacji 119,00 zÅ‚, (47,60 zÅ‚ -60%)
• Jest i Cypress. Kurs video. Testy jednostkowe i automatyczne w Angularze 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• Angular. Kurs video. Programowanie reaktywne aplikacji webowych z RxJS 149,00 zÅ‚, (67,05 zÅ‚ -55%)

Spis treści

Angular w akcji eBook -- spis treści

Przedmowa 11

Podziękowania 13

O książce 15

O autorze 19

Rozdział 1. Angular - nowoczesna platforma internetowa 21

• 1.1. Dlaczego warto wybrać Angular? 22
• 1.2. Czego siÄ™ nauczysz z tej książki 23
• 1.3. Podróż od AngularJS do Angulara 24
• 1.4. Angular - platforma, a nie framework 26
  • 1.4.1. CLI Angulara 26
  • 1.4.2. Renderowanie serwerowe i kompilator 27
  • 1.4.3. MożliwoÅ›ci mobilne i desktopowe 29
  • 1.4.4. Biblioteki interfejsu użytkownika 30
• 1.5. Architektura komponentowa 32
  • 1.5.1. Najważniejsze cechy komponentów 34
  • 1.5.2. Shadow DOM 36
  • 1.5.3. Szablony 37
  • 1.5.4. ModuÅ‚y JavaScriptu 39
• 1.6. Nowoczesny JavaScript i Angular 40
  • 1.6.1. Strumienie obserwowalne 43
• 1.7. TypeScript i Angular 44
• Podsumowanie 46

Rozdział 2. Twoja pierwsza aplikacja Angular 47

• 2.1. PrzeglÄ…d projektu z tego rozdziaÅ‚u 48
• 2.2. Konfigurowanie projektu 50
• 2.3. Rusztowanie bazowej aplikacji 51
• 2.4. Jak Angular renderuje aplikacjÄ™ bazowÄ… 53
  • 2.4.1. Komponent App 53
  • 2.4.2. ModuÅ‚ App 54
  • 2.4.3. PoczÄ…tkowe Å‚adowanie aplikacji 55
• 2.5. Budowanie usÅ‚ug 57
• 2.6. Tworzenie pierwszego komponentu 60
• 2.7. Komponenty wykorzystujÄ…ce komponenty i usÅ‚ugi 66
• 2.8. Komponenty z formularzami i ze zdarzeniami 69
• 2.9. Routing aplikacji 73
• Podsumowanie 75

Rozdział 3. Najważniejsze elementy aplikacji 77

• 3.1. Encje w Angularze 79
  • 3.1.1. ModuÅ‚y 79
  • 3.1.2. Komponenty 81
  • 3.1.3. Dyrektywy 82
  • 3.1.4. Potoki 85
  • 3.1.5. UsÅ‚ugi 86
• 3.2. Jak Angular zaczyna renderować aplikacjÄ™ 87
• 3.3. Rodzaje kompilatorów 89
• 3.4. Wstrzykiwanie zależnoÅ›ci 89
• 3.5. Wykrywanie zmian 90
• 3.6. Wyrażenia szablonów i wiÄ…zania 91
  • 3.6.1. Interpolacja 93
  • 3.6.2. WiÄ…zania wÅ‚aÅ›ciwoÅ›ci 94
  • 3.6.3. Specjalne wiÄ…zania wÅ‚aÅ›ciwoÅ›ci 95
  • 3.6.4. WiÄ…zanie atrybutów 96
  • 3.6.5. WiÄ…zanie zdarzeÅ„ 97
• Podsumowanie 98

RozdziaÅ‚ 4. Podstawy komponentów 101

• 4.1. Konfigurowanie przykÅ‚adu 102
  • 4.1.1. Przygotowanie kodu 103
• 4.2. Kompozycja i cykl życia komponentu 104
  • 4.2.1. Cykl życia komponentu 106
  • 4.2.2. Zaczepy cyklu życia 107
  • 4.2.3. Zagnieżdżanie komponentów 109
• 4.3. Rodzaje komponentów 110
• 4.4. Tworzenie komponentu Data 113
• 4.5. Używanie wejść z komponentami 116
  • 4.5.1. Podstawy wejść 117
  • 4.5.2. Przechwytywanie wejść 120
• 4.6. Rzutowanie zawartoÅ›ci 122
• Podsumowanie 128

RozdziaÅ‚ 5. Zaawansowane aspekty komponentów 129

• 5.1. Wykrywanie zmian i optymalizacje 130
• 5.2. Komunikacja miÄ™dzy komponentami 134
  • 5.2.1. Zdarzenia wyjÅ›ciowe i zmienne szablonów 135
  • 5.2.2. OdwoÅ‚ywanie siÄ™ do komponentów za pomocÄ… ViewChild 137
• 5.3. Stylizacja komponentów i tryby hermetyzacji 138
  • 5.3.1. Dodawanie stylów do komponentu 139
  • 5.3.2. Tryby hermetyzacji 141
• 5.4. Dynamiczne renderowanie komponentów 145
  • 5.4.1. Używanie okna modalnego ng-bootstrap dla komponentów dynamicznych 145
  • 5.4.2. Dynamiczne tworzenie komponentu i jego renderowanie 149
• Podsumowanie 153

Rozdział 6. Usługi 155

• 6.1. Konfigurowanie przykÅ‚adu 156
  • 6.1.1. Pobieranie kodu 158
  • 6.1.2. PrzykÅ‚adowe dane 158
• 6.2. Tworzenie usÅ‚ug Angulara 159
• 6.3. Wstrzykiwanie zależnoÅ›ci i drzewa wstrzykiwaczy 164
• 6.4. UsÅ‚ugi bez wstrzykiwania zależnoÅ›ci 168
• 6.5. Korzystanie z usÅ‚ugi HttpClient 169
  • 6.5.1. Interfejs HttpInterceptor 173
• 6.6. UsÅ‚ugi pomocnicze 176
• 6.7. UsÅ‚ugi udostÄ™pniania 180
• 6.8. UsÅ‚ugi dodatkowe 184
• Podsumowanie 186

Rozdział 7. Routing 187

• 7.1. Konfigurowanie przykÅ‚adu 188
• 7.2. Definiowanie tras i konfiguracja routera 190
• 7.3. ModuÅ‚y funkcyjne i routing 193
• 7.4. Parametry trasy 194
  • 7.4.1. Tworzenie linków w szablonach za pomocÄ… dyrektywy routerLink 195
  • 7.4.2. Uzyskiwanie dostÄ™pu do parametrów trasy w komponencie 196
• 7.5. Trasy podrzÄ™dne 198
• 7.6. Trasy drugorzÄ™dne 201
  • 7.6.1. Definiowanie trasy drugorzÄ™dnej 202
  • 7.6.2. Nawigacja miÄ™dzy trasami drugorzÄ™dnymi 204
  • 7.6.3. Zamykanie trasy drugorzÄ™dnej i routing programowy 205
• 7.7. Zabezpieczanie tras w celu ograniczenia dostÄ™pu 205
• 7.8. Leniwe Å‚adowanie 211
• 7.9. Najlepsze praktyki dotyczÄ…ce routingu 214
• Podsumowanie 215

RozdziaÅ‚ 8. Budowanie niestandardowych dyrektyw i potoków 217

• 8.1. Konfigurowanie przykÅ‚adu 219
• 8.2. Tworzenie niestandardowych dyrektyw 219
  • 8.2.1. Tworzenie dyrektywy atrybutów 221
  • 8.2.2. Modyfikowanie komponentu za pomocÄ… dyrektywy ze zdarzeniami 223
  • 8.2.3. Tworzenie dyrektywy strukturalnej 226
• 8.3. Tworzenie niestandardowych potoków 229
  • 8.3.1. Tworzenie czystego potoku 230
  • 8.3.2. Tworzenie nieczystego potoku 232
• Podsumowanie 236

Rozdział 9. Formularze 237

• 9.1. Konfigurowanie przykÅ‚adu 238
  • 9.1.1. WstÄ™pny przeglÄ…d aplikacji 240
• 9.2. Formularze oparte na szablonach 241
  • 9.2.1. WiÄ…zanie danych modelu z wejÅ›ciami za pomocÄ… dyrektywy NgModel 241
  • 9.2.2. Walidacja kontrolek formularza za pomocÄ… dyrektywy NgModel 243
  • 9.2.3. Niestandardowa walidacja za pomocÄ… dyrektyw 246
  • 9.2.4. ObsÅ‚uga zdarzeÅ„ przesyÅ‚ania lub zdarzeÅ„ anulowania 249
• 9.3. Formularze reaktywne 251
  • 9.3.1. Definiowanie formularza 252
  • 9.3.2. Implementowanie szablonu 254
  • 9.3.3. Obserwowanie zmian 255
  • 9.3.4. Niestandardowe walidatory z formularzami reaktywnymi 256
  • 9.3.5. ObsÅ‚uga zdarzeÅ„ przesyÅ‚ania lub zdarzeÅ„ anulowania 260
  • 9.3.6. Które podejÅ›cie do formularzy jest lepsze? 264
• 9.4. Niestandardowe kontrolki formularzy 265
• Podsumowanie 271

Rozdział 10. Testowanie aplikacji 273

• 10.1. NarzÄ™dzia testowe i konfiguracja przykÅ‚adu 274
  • 10.1.1. NarzÄ™dzia do testowania 275
• 10.2. Testy jednostkowe 276
  • 10.2.1. Anatomia testów jednostkowych 276
  • 10.2.2. Testowanie potoków 277
  • 10.2.3. Testowanie usÅ‚ug, stuby i symulowanie żądaÅ„ HTTP 279
  • 10.2.4. Testowanie komponentów i korzystanie z moduÅ‚ów testujÄ…cych 285
  • 10.2.5. Testowanie dyrektyw 293
• 10.3. Testy e2e 297
• 10.4. Dodatkowe strategie testowania 302
  • 10.4.1. Ile testów wystarczy? 303
  • 10.4.2. Kiedy mam pisać testy? 304
  • 10.4.3. Co mam napisać, e2e czy testy jednostkowe? 304
  • 10.4.4. A co, jeÅ›li nie mam czasu na pisanie testów? 305
  • 10.4.5. A co z innymi rodzajami testów? 305
• Podsumowanie 306

Rozdział 11. Angular w środowisku produkcyjnym 309

• 11.1. Kompilowanie Angulara dla Å›rodowiska produkcyjnego 310
  • 11.1.1. Kompilacja produkcyjna 310
  • 11.1.2. Optymalizacja dla przeglÄ…darek docelowych 311
  • 11.1.3. Progresywne aplikacje internetowe 312
  • 11.1.4. Internacjonalizacja (i18n) 312
  • 11.1.5. Używanie alternatywnych narzÄ™dzi kompilacji 313
  • 11.1.6. Renderowanie po stronie serwera lub renderowanie wstÄ™pne 314
  • 11.1.7. Potoki kompilacji 314
• 11.2. Wybór architektury Angulara 315
  • 11.2.1. Leniwe Å‚adowanie tras 315
  • 11.2.2. Ograniczanie zewnÄ™trznych zależnoÅ›ci 316
  • 11.2.3. Bycie na bieżąco 319
• 11.3. Wdrożenie 319
• Podsumowanie 321

Dodatek A. Aktualizacja z AngularJS do Angulara 323

Dodatek B. Komunikacja między komponentami Angular 329

Skorowidz 331