Angular Programowanie z uzyciem jezyka TypeScript Wydanie II.pdf

(2831 KB) Pobierz
Tytuł oryginału: Angular Development with Typescript, Second Edition
Tłumaczenie: Lech Lachowski
ISBN: 978-83-283-5666-5
Original edition copyright © 2019 by Manning Publications Co.
All rights reserved.
Polish edition copyright © 2019 by HELION SA.
All rights reserved.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Helion SA dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne
i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym
ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Helion SA nie ponoszą również
żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce.
Helion SA
ul. Kościuszki 1c, 44-100 Gliwice
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/anpro2.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/anpro2
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Przedmowa
Podziękowania
O książce
O autorach
Rozdział 1. Wprowadzenie do frameworku Angular
Dlaczego do tworzenia aplikacji internetowych wybierać Angular?
Dlaczego tworzyć aplikacje w TypeScripcie, a nie w JavaScripcie
Przegląd frameworku Angular
Wprowadzenie do CLI Angulara
1.4.1.
Generowanie nowego projektu Angulara
1.4.2.
Kompilacje programistyczne i produkcyjne
1.5. Porównanie kompilacji JIT i AOT
1.5.1.
Tworzenie paczek za pomocą opcji -prod
1.5.2.
Generowanie paczek na dysku
1.6. Wprowadzenie do przykładowej aplikacji ngAuction
Podsumowanie
1.1.
1.2.
1.3.
1.4.
11
13
15
19
21
22
23
24
28
29
31
33
34
35
35
38
Rozdział 2. Główne artefakty aplikacji napisanych w Angularze
Komponenty
Usługi
Dyrektywy
Potoki
Moduły
2.5.1.
Moduły funkcyjne
2.6. Wiązanie danych
2.6.1.
Wiązanie właściwości i zdarzeń
2.6.2.
Jedno- i dwukierunkowe wiązanie danych w działaniu
2.7. Część praktyczna: rozpoczynamy tworzenie aplikacji ngAuction
2.7.1.
Wstępna konfiguracja projektu dla aplikacji ngAuction
2.7.2.
Generowanie komponentów dla aplikacji ngAuction
2.7.3.
Komponent aplikacji
2.7.4.
Komponent paska nawigacyjnego
2.7.5.
Komponent wyszukiwania
2.7.6.
Komponent stopki
2.7.7.
Komponent karuzeli
2.7.8.
Komponent strony głównej
Podsumowanie
2.1.
2.2.
2.3.
2.4.
2.5.
39
39
42
43
45
46
46
50
50
51
55
55
57
57
59
60
61
61
64
65
Kup książkę
Poleć książkę
6
Spis treści
Rozdział 3. Podstawy routera Angulara
3.1.
3.2.
Podstawy routingu
Strategie lokalizacji
3.2.1.
Nawigacja oparta na znaku kratki
3.2.2.
Nawigacja oparta na interfejsie History API
3.3. Bloki konstrukcyjne nawigacji po stronie klienta
3.4. Nawigacja do tras za pomocą metody navigate()
3.5. Przekazywanie danych do tras
3.5.1.
Wyodrębnianie parametrów z ActivatedRoute
3.5.2.
Przekazywanie do trasy parametrów zapytania
3.6. Trasy podrzędne
3.7. Część praktyczna: dodanie nawigacji do aplikacji aukcji internetowych
3.7.1.
Usługa ProductService
3.7.2.
Komponent ProductItemComponent
3.7.3.
Komponent HomeComponent
3.7.4.
Komponent StarsComponent
3.7.5.
Komponent ProductDetailComponent
Podsumowanie
67
68
69
70
70
71
76
77
78
80
81
86
87
88
89
91
94
96
Rozdział 4. Zaawansowana konfiguracja routera
Strzeżenie tras
4.1.1.
Implementowanie strażnika CanActivate
4.1.2.
Implementowanie strażnika CanDeactivate
4.1.3.
Implementowanie strażnika Resolve
4.2. Tworzenie aplikacji SPA z wieloma gniazdami routera
4.2.1.
Moduły leniwie
ładowane
4.2.2.
Ładowarki
wstępne
Podsumowanie
4.1.
97
98
99
101
103
107
109
113
114
Rozdział 5. Wstrzykiwanie zależności we frameworku Angular
5.1.
5.2.
Wzorzec Wstrzykiwanie Zależności
Korzyści płynące ze wstrzykiwania zależności w aplikacjach napisanych
w Angularze
5.2.1.
Luźne powiązania i wielokrotne wykorzystywanie
5.2.2.
Testowalność
Wstrzykiwacze i dostawcy
Prosta aplikacja ze wstrzykiwaniem zależności frameworku Angular
5.4.1.
Wstrzyknięcie usługi produktowej
5.4.2.
Wstrzyknięcie usługi HttpClient
Ułatwione przełączanie wstrzykiwaczy
Deklarowanie dostawców za pomocą właściwości useFactory i useValue
5.6.1.
Korzystanie z klasy InjectionToken
5.6.2.
Wstrzykiwanie zależności w aplikacji zmodularyzowanej
Dostawcy w modułach
ładowanych
leniwie
Dostawcy w modułach
ładowanych
gorliwie
115
116
117
117
119
119
122
122
125
127
131
133
134
134
136
5.3.
5.4.
5.5.
5.6.
5.7.
5.8.
Kup książkę
Poleć książkę
Spis treści
5.9.
Część praktyczna: użycie komponentów biblioteki Angular Material
w aplikacji ngAuction
5.9.1.
Krótki przegląd biblioteki Angular Material
5.9.2.
Dodanie biblioteki AM do projektu
5.9.3.
Dodanie modułu funkcyjnego z komponentami AM
5.9.4.
Modyfikacja wyglądu komponentu NavbarComponent
5.9.5.
Modyfikacja interfejsu użytkownika komponentu SearchComponent
5.9.6.
Zastąpienie karuzeli obrazem
5.9.7.
Kolejne poprawki odstępów
5.9.8.
Użycie mat-card w komponencie ProductItemComponent
5.9.9.
Dodanie stylów do komponentu HomeComponent
Podsumowanie
7
138
139
141
142
143
146
148
148
148
149
149
Rozdział 6. Programowanie reaktywne we frameworku Angular
6.1.
6.2.
6.3.
6.4.
Obsługa zdarzeń bez strumieni obserwowalnych
Przekształcanie zdarzeń DOM w strumienie obserwowalne
Obsługa zdarzeń obserwowalnych za pomocą Forms API
Odrzucanie wyników niechcianych
żądań
HTTP
za pomocą operatora switchMap
6.5. Korzystanie z potoku AsyncPipe
6.6. Strumienie obserwowalne i router
Podsumowanie
151
152
154
156
158
161
165
168
Rozdział 7. Tworzenie układu stron za pomocą biblioteki Flex Layout
Biblioteka Flex Layout i usługa ObservableMedia
7.1.1.
Korzystanie z dyrektyw biblioteki Flex Layout
7.1.2.
Usługa ObservableMedia
7.2. Część praktyczna: przepisanie kodu aplikacji ngAuction
7.2.1.
Po co przepisywać aplikację ngAuction od zera?
7.2.2.
Generowanie nowej aplikacji ngAuction
7.2.3.
Tworzenie niestandardowego motywu Angular Material za pomocą Sass
7.2.4.
Dodawanie paska narzędzi do komponentu najwyższego poziomu
7.2.5.
Tworzenie usługi produktowej
7.2.6.
Tworzenie modułu strony głównej
7.2.7.
Konfigurowanie tras
7.2.8.
Uruchomienie aplikacji ngAuction
Podsumowanie
7.1.
169
170
171
175
177
177
180
180
183
186
188
193
193
194
Rozdział 8. Implementowanie komunikacji komponentów
8.1.
8.2.
Komunikacja między komponentami
Właściwości wejściowe i wyjściowe
8.2.1.
Właściwości wejściowe
8.2.2.
Właściwości wyjściowe i zdarzenia niestandardowe
Implementowanie wzorca projektowego Mediator
8.3.1.
Użycie jako mediatora wspólnego komponentu nadrzędnego
8.3.2.
Użycie jako mediatora wstrzykiwalnej usługi
Udostępnianie interfejsu API komponentu potomnego
195
196
196
197
199
203
203
208
213
8.3.
8.4.
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin