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