Projektowanie nowoczesnych aplikacji sieciowych z użyciem

Transkrypt

Projektowanie nowoczesnych aplikacji sieciowych z użyciem
Projektowanie nowoczesnych aplikacji sieciowych z użyciem AngularJS i
Bootstrapa : poznaj najpopularniejsze frameworki! / Stephen Radford. –
Gliwice, cop. 2016
Spis treści
O autorze
10
O recenzentach
11
Przedmowa
13
Rozdział 1. Witaj, {{imię}}
Przygotowania
Instalowanie i zastosowanie AngularJS oraz Bootstrapa
Instalowanie Bootstrapa
Instalowanie AngularJS
Zastosowanie AngularJS
Bootstrap
Pytania sprawdzające
Podsumowanie
17
17
18
18
19
20
23
27
27
Rozdział 2. Projektowanie za pomocą AngularJS i Bootstrapa
Przygotowania
Struktura
Nawigacja
Zastosowanie dyrektyw
Dyrektywy ng-click i ng-mouseover
Dyrektywa ng-init
Dyrektywy ng-show i ng-hide
Dyrektywa ng-if
Dyrektywa ng-repeat
Dyrektywa ng-class
Dyrektywa ng-style
Dyrektywa ng-cloak
Pytania sprawdzające
Podsumowanie
29
29
30
30
36
37
39
39
40
40
42
42
43
44
44
Rozdział 3. Filtry
Stosowanie filtra w widoku
Waluta i liczby
Małe i wielkie litery
Filtr limitTo
47
47
48
49
49
Data
Filtr Filter
Sortowanie za pomocą orderBy
JSON
Stosowanie filtrów z poziomu JavaScriptu
Tworzenie własnego filtra
Moduły
Tworzenie filtra
Pytania sprawdzające
Podsumowanie
49
51
52
52
53
55
55
56
58
58
Rozdział 4. Routing
Instalowanie ngRoute
Tworzenie tras podstawowych
Trasy z parametrami
Trasa domyślna
Routing w HTML5 albo usuwanie #
Włączanie HTML5Mode
Odsyłacze do tras
Pytania sprawdzające
Podsumowanie
59
59
60
63
64
64
64
65
65
66
Rozdział 5. Budowanie widoków
Konstruowanie widoku Indeks
Konstruowanie widoku Dodaj kontakt
Formularze poziome
Konstruowanie widoku Wyświetl kontakt
Tytuł i Gravatar
Klasa form-horizontal
Pytania sprawdzające
Podsumowanie
67
67
70
72
73
74
75
77
77
Rozdział 6. CRUD
R jak Read
Współdzielenie danych między widokami
Tworzenie niestandardowej dyrektywy
Uwzględnianie zakończeń linii
Wyszukiwanie oraz definiowanie klasy dla aktywnej strony aplikacji
С jak Create
U jak Update
Właściwość scope
Kontroler
Łączenie elementów
D jak Delete
Pytania sprawdzające
79
79
80
86
91
92
94
95
96
96
97
100
101
Podsumowanie
101
Rozdział 7. AngularStrap
Instalowanie AngularStrapa
Zastosowanie AngularStrapa
Okno modalne
Okienko podpowiedzi
Okienka wyskakujące
Ostrzeżenia
Zastosowanie usług AngularStrapa
Integrowanie AngularStrapa
Pytania sprawdzające
Podsumowanie
103
103
104
105
105
107
108
109
110
113
113
Rozdział 8. Komunikacja z serwerem
Łączenie za pośrednictwem usługi $http
Przesyłanie danych
Łączenie za pomocą modułu ngResource
Podpinanie ngResource
Konfigurowanie ngResource
Pozyskiwanie informacji z serwera
Wysyłanie danych na serwer
Usuwanie kontaktów
Obsługa błędów
Inne metody łączenia z serwerem
RestAngular
Firebase
Pytania sprawdzające
Podsumowanie
115
116
118
118
119
119
120
121
123
124
124
124
125
127
127
Rozdział 9. Automatyzacja zadań
Instalowanie Node i NPM
Zastosowanie Grunta
Instalowanie wiersza poleceń
Instalowanie Grunta
Zastosowanie gulpa
Globalna instalacja gulpa
Instalowanie zależności gulpa
Konfigurowanie pliku gulpfile
Restrukturyzacja projektu
Pytania sprawdzające
Podsumowanie
129
129
131
131
131
137
137
137
138
141
143
143
Rozdział 10. Dostosowywanie Bootstrapa
Kompilowanie plików Less za pomocą Grunta albo gulpa
145
145
Pobieranie źródeł
Kompilowanie z użyciem Grunta
Kompilowanie z użyciem gulpa
ABC preprocesora Less
Importowanie
Zmienne
Zagnieżdżone reguły
Domieszki
Konfigurowanie stylów Bootstrapa
Typografia
Pasek nawigacji
Formularze
Przyciski
Motywy Bootstrapa
Gdzie szukać dodatkowych motywów Bootstrapa?
Pytania sprawdzające
Podsumowanie
146
146
149
152
152
152
153
154
154
154
155
156
157
158
158
158
159
Rozdział 11. Walidacja
Weryfikacja formularzy
Zgodność ze wzorcem
Zastosowanie dyrektyw minlength, maxlength, min i max
Tworzenie niestandardowego walidatora
Pytania sprawdzające
Podsumowanie
161
161
166
167
167
169
170
Rozdział 12. Narzędzia opracowane przez społeczność
Batarang
Instalowanie Bataranga
Inspekcja obiektu scope i właściwości
Analiza wydajności
Wizualizacja zależności
Opcje Bataranga
Projekt ng-annotate
Instalacja ng-annotate
Włączanie ng-annotate do Grunta
Używanie ng-annotate w połączeniu z gulpem
Pytania sprawdzające
Podsumowanie
171
171
172
173
174
175
176
177
177
178
185
187
187
Dodatek A. Ciekawi ludzie i projekty
Projekty związane z Bootstrapem i ich autorzy
Zespół odpowiedzialny za podstawowy projekt
Bootstrap Expo
BootSnipp
189
189
189
190
190
Przewodnik kodowania autorstwa @mdo
Roots
Shoelace
Snippety Bootstrapa 3 dla edytora Sublime Text
Font Awesome
Bootstrap Icons
Projekty związane z AngularJS i ich autorzy
Zespół odpowiedzialny za podstawowy projekt
RestAngular
AngularStrap i AngularMotion
AngularUI
Mobile AngularUI
Ionic
AngularGM
A teraz Twoja kolej...
190
191
191
191
192
192
192
192
193
193
193
194
194
195
195
Dodatek B. Gdzie szukać pomocy?
Oficjalna dokumentacja
GitHub
Stack Overflow
Grupa AngularJS w Google
Egghead.io
Twitter
197
197
197
198
198
198
198
Dodatek C. Odpowiedzi na pytania sprawdzające
201
Skorowidz
205
oprac. BPK