angularjs. praktyczne przykłady full.mobi

(23307 KB) Pobierz
Spis tre ci
O autorze
O recenzentach
Przedmowa
Zawarto ksi ki
Co jest potrzebne?
Adresaci ksi ki
Konwencje
Kod do pobrania
Errata
Piractwo
9
11
13
14
15
15
15
16
17
17
Rozdzia 1. Pierwsze kroki
Podstawy wzorca model – widok – kontroler
Zwyczajowa aplikacja Witaj Angular (Odgadnij liczb !)
Przygotowywanie roboczego serwera WWW
Tworzenie aplikacji Odgadnij liczb !
Model aplikacji
Kontroler
Widok aplikacji
Wstawki
Dyrektywy
Wyra enia
Dowi zywanie danych
Kontroler po raz wtóry
Zasi g
Inicjalizacja aplikacji
Narz dzia
Zasoby
Podsumowanie
19
20
21
21
22
23
24
25
28
29
30
32
35
36
39
41
41
42
Kup książkę
Poleć książkę
Spis tre ci
Rozdzia 2. Piszemy pierwsz aplikacj : 7-minutowy trening
Czym jest 7-minutowy trening?
Pobieranie kodu aplikacji
Organizacja kodu
Organizacja kodu JavaScriptu
Model aplikacji 7-minutowy trening
Dodawanie modu ów aplikacji
Kontroler aplikacji
Wstrzykiwanie zale no ci
Implementacja kontrolera
Weryfikacja implementacji
Implementacja zmiany wiczenia
Stosowanie $watch do obserwowania zmian w modelu
Zmiana wicze przy u yciu API obietnic
Widok aplikacji 7-minutowy trening
Stosowanie ng-show do okre lania cie ki do obrazka
Stosowanie dyrektywy ng-style i paska post pu frameworku Bootstrap
Dodawanie strony pocz tkowej i ko cowej
Wprowadzenie od aplikacji jednostronicowych
Dostarczanie dodatkowych informacji o wiczeniach
Dodawanie paneli opisu i wideo
Wy wietlanie pozosta ego czasu treningu przy u yciu filtrów
Tworzenie filtra konwertuj cego sekundy na format godzinowy
Dodawanie informacji o nast pnym wiczeniu przy u yciu ng-if
Podsumowanie
45
46
47
48
48
51
53
54
55
59
63
65
66
69
72
73
74
75
75
82
82
90
90
94
97
Rozdzia 3. Stosowanie kolejnych dobrodziejstw AngularJS
Formatowanie instrukcji wykonywania wiczenia
Przedstawienie dyrektywy ng-bind-html
U ycie ng-bind-html do wy wietlania instrukcji wykonywania wicze
ledzenie post pu wykonywania wicze za pomoc klipów audio
Implementacja obs ugi audio
Wstrzymywanie treningu
Implementacja wstrzymywania treningu w kontrolerze WorkoutController
Dodawanie fragmentu widoku do wstrzymywania i wznawiania treningu
Zatrzymywanie klipów po wstrzymaniu treningu
Wstrzymywanie i wznawianie treningu przy u yciu klawiatury
Rozbudowa panelu wideo
Refaktoryzacja panelu wideo i kontrolera
Odtwarzanie wideo w oknie dialogowym
Animacje w aplikacjach AngularJS
Animacje CSS w AngularJS
Animacje JavaScriptu w AngularJS
Dodawanie animacji do aplikacji 7-minutowy trening
99
101
102
103
105
106
117
118
120
123
124
125
126
127
133
134
136
138
4
Kup książkę
Poleć książkę
Spis tre ci
Zapis historii treningu przy u yciu us ug AngularJS
Podstawowe informacje o us ugach AngularJS
Implementacja zapisu historii treningów
Dodawanie widoku historii treningów
Zdarzenia w AngularJS
Wzbogacanie ledzenia historii przy u yciu zdarze
Trwa e przechowywanie danych przy u yciu magazynu przegl darki
Filtrowanie historii treningów
Filtrowanie i sortowanie z u yciem dyrektywy ng-repeat
Podsumowanie
141
141
146
149
152
155
157
158
159
163
Rozdzia 4. Tworzenie aplikacji Mój trening
Aplikacja Mój trening — zakres problemu
Wymagania aplikacji Mój trening
Model aplikacji Mój trening
Wspó u ytkowanie modelu treningu
Model jako us uga
Uk ad aplikacji Mój trening
System nawigacyjny aplikacji Mój trening i jej trasy
Implementacja list treningów i wicze
WorkoutService jako repozytorium danych treningów i wicze
Kontrolery list wicze i treningów
Widoki list wicze i treningów
Tworzenie treningu
Tworzenie lewego paska nawigacyjnego
Dodawanie us ugi WorkoutBuilderService
Dodawanie wicze z poziomu paska nawigacyjnego
Implementacja kontrolera WorkoutDetailController
Implementacja widoku do tworzenia treningów
Obs uga formularzy w AngularJS
Dyrektywa form i sprawdzanie poprawno ci formularzy
Obiekty zasi gu po raz wtóry
Podsumowanie
165
166
167
168
168
169
170
171
174
175
176
176
177
178
179
181
181
185
186
211
221
227
Rozdzia 5. Dodawanie warstwy trwa o ci danych
AngularJS i interakcje z serwerem
Przygotowanie trwa ego magazynu danych
Podstawowe informacje o us udze $http
Aplikacja Mój trening i jej integracja z serwerem
Wczytywanie danych wicze i treningów
Wykonywanie podstawowych operacji na wiczeniach i treningach
Us uga $resource
Us ugi typu RESTful i ich API
Podstawowe informacje o us udze $resource
Wyja nienie akcji us ugi $resource
Wywo ywanie akcji zasobów
Dost p do danych wicze przy u yciu us ugi $resource
229
230
231
233
236
236
252
259
259
261
262
263
265
5
Kup książkę
Poleć książkę
Spis tre ci
Podstawowe operacje z u yciem us ugi $resource
Stosowanie us ugi $resource do obs ugi innych rodzajów punktów ko cowych
Funkcje przechwytuj ce dania i odpowiedzi
Zastosowanie funkcji przechwytuj cej do przekazania klucza API
Funkcje przekszta caj ce dania i odpowiedzi
Obs uga b dów wyznaczania tras w przypadku odrzucenia obietnicy
Obs uga nieodnalezionych treningów
Poprawianie aplikacji 7-minutowy trening
Podsumowanie
268
270
271
273
275
277
278
280
280
Rozdzia 6. Tworzenie i stosowanie dyrektyw
Dyrektywy — wprowadzenie
Anatomia dyrektyw
Tworzenie dyrektywy workout-tile
Prezentacja dyrektywy ng-click
Tworzenie dyrektywy do zdalnej walidacji nazwy treningu
Dyrektywa remote-validator (dla AngularJS 1.3 i starszych)
Dyrektywa remote-validator dla Angular 1.3
Aktualizacje modelu z u yciem zdarzenia blur
Zastosowanie w a ciwo ci priority
do zmiany kolejno ci wykonywania funkcji compile i link
Cykl ycia dyrektywy
Priorytet a wiele dyrektyw u ytych w tym samym elemencie
Implementacja dyrektywy wizualnego wska nika zdalnej walidacji
Us uga $compile
Funkcja kontrolera dyrektywy
Komunikacja mi dzy dyrektywami
— integracja wska nika zdalnych operacji i dyrektywy walidacyjnej
Wstrzykiwanie kodu HTML w funkcji kompiluj cej dyrektywy
Prezentacja szablonów dyrektyw i transkluzji
Wyja nienie izolowanego zasi gu dyrektyw
Tworzenie dyrektywy przycisku wykonuj cego zdaln operacj
Integracja AngularJS i jQuery
Integracja wtyczki jQuery Owl Carousel z aplikacj Treningomat
Tunelowanie zdarze jQuery przy u yciu dyrektyw
Podsumowanie
283
284
285
285
289
292
293
299
301
302
304
306
307
308
310
310
314
315
317
320
325
328
332
335
Rozdzia 7. Testowanie aplikacji AngularJS
Potrzeba automatyzacji
Testowanie w AngularJS
Rodzaje testów
Kto i kiedy ma testowa ?
Ekosystem testowy AngularJS
Wprowadzenie do tworzenia testów jednostkowych
Konfiguracja rodowiska Karma do wykonywania testów jednostkowych
Zarz dzanie zale no ciami przy u yciu mened era zale no ci Bower
Testy jednostkowe komponentów AngularJS
337
338
338
339
339
340
341
342
344
345
6
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin