AngularJS_Praktyczne_przyklady_angupp.pdf

(1394 KB) Pobierz
Tytuł oryginału: AngularJS by Example
Tłumaczenie: Piotr Rajca
ISBN: 978-83-283-1615-7
Copyright © Packt Publishing 2015. First published in the English language under the title
‘AngularJS by Example – (9781783553815)’.
Polish edition copyright © 2016 by Helion S.A.
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 Wydawnictwo HELION 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 Wydawnictwo HELION
nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji
zawartych w książce.
Wydawnictwo HELION
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/angupp.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/angupp
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
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ę
Zgłoś jeśli naruszono regulamin