AngularJS_Profesjonalne_techniki_angupt.pdf

(1428 KB) Pobierz
Tytuł oryginału: Pro AngularJS
Tłumaczenie: Robert Górczyński
ISBN: 978-83-283-0197-9
Original edition copyright © 2014 by Adam Freeman.
All rights reserved.
Polish edition copyright © 2015 by HELION SA.
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 bierze jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za
związane
z tym ewentualne naruszenie praw patentowych lub autorskich. Wydawnictwo HELION nie ponosi 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/angupt.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/angupt
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 ...............................................................................................................15
O recenzencie technicznym ....................................................................................16
Cz
I
Zaczynamy ........................................................................17
Zaczynamy .............................................................................................................19
Wymagania ........................................................................................................................................... 19
Jaka jest struktura niniejszej książki? ................................................................................................ 20
Część I. Zaczynamy ...................................................................................................................... 20
Część II. Praca z AngularJS ......................................................................................................... 20
Część III. Praca z modułami i usługami .................................................................................... 20
Czy w książce znajdę wiele przykładów? .......................................................................................... 20
Gdzie znajdę przykładowe fragmenty kodu? ................................................................................... 23
Jak skonfigurować środowisko programistyczne? .......................................................................... 23
Wybór przeglądarki internetowej .............................................................................................. 23
Wybór edytora tekstów ................................................................................................................ 24
Instalacja Node.js .......................................................................................................................... 24
Instalacja serwera WWW ............................................................................................................ 25
Instalacja systemu przeznaczonego do testowania .................................................................. 25
Utworzenie katalogu AngularJS ................................................................................................. 26
Przeprowadzenie prostego testu ................................................................................................. 28
Podsumowanie ..................................................................................................................................... 29
Rozdzia 1.
Rozdzia 2.
Pierwsza aplikacja w AngularJS .............................................................................31
Przygotowanie projektu ...................................................................................................................... 31
Użycie AngularJS ................................................................................................................................. 33
Dodanie biblioteki AngularJS do pliku HTML ........................................................................ 33
Utworzenie modelu danych ........................................................................................................ 35
Utworzenie kontrolera ................................................................................................................. 37
Utworzenie widoku ...................................................................................................................... 39
Wyjście poza podstawy ....................................................................................................................... 42
Użycie dwukierunkowego dołączania modelu ......................................................................... 42
Zdefiniowanie i stosowanie funkcji w kontrolerach ................................................................ 44
Kup książkę
Poleć książkę
Spis tre ci
Użycie funkcji w zależności od innych zdefiniowanych funkcji ............................................ 46
Reakcja na działania użytkownika .............................................................................................. 48
Filtrowanie i zmiana kolejności danych modelu ...................................................................... 51
Pobieranie danych z wykorzystaniem technologii Ajax ......................................................... 55
Podsumowanie ..................................................................................................................................... 57
Rozdzia 3.
Umieszczenie AngularJS w kontek cie ...................................................................59
Sytuacje, w których AngularJS sprawdza się doskonale ................................................................. 59
Poznanie aplikacji dwukierunkowych oraz w postaci pojedynczej strony .......................... 60
Wzorzec MVC ...................................................................................................................................... 62
Model .............................................................................................................................................. 63
Kontroler ........................................................................................................................................ 65
Widok ............................................................................................................................................. 65
Usługi typu RESTful ............................................................................................................................ 66
Najczęstsze pułapki podczas stosowania wzorca MVC ................................................................. 68
Umieszczenie logiki w nieodpowiednim miejscu .................................................................... 68
Przyjęcie formatu danych stosowanego w magazynie danych ............................................... 68
Kurczowe trzymanie się starych sposobów ............................................................................... 69
Podsumowanie ..................................................................................................................................... 69
Rozdzia 4.
Wprowadzenie do HTML i Bootstrap CSS ..............................................................71
Poznajemy HTML ............................................................................................................................... 72
Anatomia elementu HTML ......................................................................................................... 73
Atrybuty ......................................................................................................................................... 74
Zawartość elementu ...................................................................................................................... 74
Elementy typu void ....................................................................................................................... 75
Struktura dokumentu ................................................................................................................... 75
Poznajemy framework Bootstrap ...................................................................................................... 77
Stosowanie podstawowych klas Bootstrap ................................................................................ 79
Użycie frameworka Bootstrap do nadawania stylu tabeli ....................................................... 80
Użycie frameworka Bootstrap do tworzenia formularzy sieciowych ................................... 83
Użycie frameworka Bootstrap do utworzenia układu opartego na siatce ............................ 85
Podsumowanie ..................................................................................................................................... 89
Rozdzia 5.
Wprowadzenie do JavaScript ................................................................................91
Przygotowanie przykładowego projektu .......................................................................................... 92
Element <script> .................................................................................................................................. 93
Polecenia w JavaScript ........................................................................................................................ 94
Definiowanie i użycie funkcji ............................................................................................................. 94
Definiowanie funkcji z parametrami ......................................................................................... 95
Definiowanie funkcji zwracającej wartość ................................................................................ 96
Wykrywanie funkcji ..................................................................................................................... 97
Użycie zmiennych i typów ................................................................................................................. 98
Użycie typów podstawowych ...................................................................................................... 99
Tworzenie obiektów ................................................................................................................... 101
Praca z obiektami ........................................................................................................................ 104
Użycie operatorów JavaScript .......................................................................................................... 110
Użycie konstrukcji warunkowych ............................................................................................ 110
Operatory równości i identyczności ........................................................................................ 111
Jawna konwersja typów ............................................................................................................. 114
6
Kup książkę
Poleć książkę
Spis tre ci
Tablice ................................................................................................................................................. 116
Użycie stylu dosłownej tablicy .................................................................................................. 117
Wykrywanie tablicy .................................................................................................................... 117
Odczyt i modyfikacja zawartości tablicy ................................................................................. 118
Wyświetlenie zawartości tablicy ............................................................................................... 119
Użycie wbudowanych metod przeznaczonych do pracy z tablicami .................................. 119
Porównywanie wartości undefined i null ....................................................................................... 120
Sprawdzenie pod kątem wartości null lub undefined ........................................................... 122
Obietnice ............................................................................................................................................. 124
Format JSON ...................................................................................................................................... 128
Podsumowanie ................................................................................................................................... 129
Rozdzia 6.
SportsStore — przyk adowa aplikacja .................................................................131
Rozpoczęcie pracy .............................................................................................................................. 132
Przygotowanie danych ............................................................................................................... 132
Przygotowanie aplikacji ............................................................................................................. 135
Wyświetlenie przykładowych danych produktu ........................................................................... 138
Utworzenie kontrolera ............................................................................................................... 138
Wyświetlanie informacji o produktach ................................................................................... 140
Wyświetlenie listy kategorii ............................................................................................................. 143
Utworzenie listy kategorii .......................................................................................................... 143
Generowanie łączy nawigacji po kategoriach ......................................................................... 144
Wybór kategorii .......................................................................................................................... 148
Podświetlenie wybranej kategorii ............................................................................................. 150
Dodanie stronicowania .............................................................................................................. 152
Podsumowanie ................................................................................................................................... 156
Rozdzia 7.
SportsStore — nawigacja i zakupy ......................................................................157
Przygotowanie przykładowego projektu ........................................................................................ 157
Użycie rzeczywistych danych produkcyjnych ............................................................................... 157
Obsługa błędów Ajax ................................................................................................................. 159
Utworzenie widoków częściowych .................................................................................................. 161
Utworzenie koszyka na zakupy ....................................................................................................... 163
Zdefiniowanie modułu koszyka i usługi .................................................................................. 163
Utworzenie widżetu koszyka na zakupy .................................................................................. 165
Dodanie przycisku wyboru produktu ...................................................................................... 168
Dodanie nawigacji na podstawie adresu URL ............................................................................... 170
Definiowanie tras URL ............................................................................................................... 170
Użycie routingu adresów URL do zapewnienia nawigacji ................................................... 173
Rozpoczęcie prac nad finalizacją zamówienia ............................................................................... 174
Finalizacja zamówienia .............................................................................................................. 176
Podsumowanie ................................................................................................................................... 177
Rozdzia 8.
SportsStore — zamówienia i administracja .........................................................179
Przygotowanie przykładowego projektu ........................................................................................ 179
Pobieranie danych adresowych ....................................................................................................... 179
Dodanie formularza weryfikacji danych ................................................................................. 181
Dodanie pozostałych elementów formularza sieciowego ..................................................... 185
7
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin