E-book details

Projektowanie nowoczesnych aplikacji sieciowych z użyciem AngularJS i Bootstrapa

Projektowanie nowoczesnych aplikacji sieciowych z użyciem AngularJS i Bootstrapa

Stephen Radford

Ebook
Osoby, które projektują nowoczesne aplikacje internetowe, z pewnością natknęły się na frameworki Bootstrap i AngularJS. Są to świetne projekty open source, dzięki którym praca przy tworzeniu aplikacji internetowych o różnej skali staje się wydajna i przyjemna, a kod powstający w JavaScripcie i CSS jest wyjątkowo poprawny strukturalnie. Jeśli doszedłeś do wniosku, że warto rozwinąć swoje umiejętności i wyjść poza HTML oraz CSS przy pisaniu nowoczesnych aplikacji sieciowych, to Bootstrap i AngularJS stanowią doskonałą propozycję.

Książka, którą trzymasz w dłoni, została pomyślana jako przystępny, bogato ilustrowany przewodnik po Bootstrapie i AngularJS. Jeśli masz podstawowe umiejętności w zakresie HTML, CSS i JavaScriptu, to dzięki niej zdobędziesz, a następnie rozwiniesz praktyczną wiedzę dotyczącą obu frameworków. Niejako przy okazji poznasz kilka istotnych koncepcji i ciekawych narzędzi, które okażą się zaskakująco przydatne przy programowaniu. Autor wyczerpująco, w interesujący sposób pokazuje, jak pisze się i rozwija aplikacje sieciowe.

Dzięki tej książce:
  • zapoznasz się z frameworkami AngularJS i Bootstrap
  • nauczysz się korzystać z filtrów, routingu i widoków, a także zgłębisz tajniki filozofii CRUD
  • krok po kroku napiszesz w pełni funkcjonalną aplikację sieciową
  • dostosujesz Bootstrapa za pomocą preprocesora Less, by utworzyć oryginalny motyw graficzny
  • dowiesz się, jak łatwo zapanować nad kodem aplikacji dzięki narzędziom do automatyzacji zadań, takim jak gulp i Grunt.js
  • zapoznasz się z ciekawymi projektami związanymi z AngularJS i Bootstrapem

Odkryj AngularJS, zaprzyjaźnij się z Bootstrapem — i pisz świetne projekty!


Stephen Radford — wszechstronny programista aplikacji sieciowych. Pracował w wielu firmach i zrealizował wiele ciekawych projektów, takich jak FTPloy — narzędzie typu SaaS, ułatwiające ciągłą aktualizację zmian w projektach. Obecnie prowadzi firmę Cocoon, specjalizującą się w aplikacjach sieciowych, takich jak FTPloy i Former. Firma Cocoon blisko współpracuje z kilkoma start-upami i przedsiębiorstwami w zakresie rozwijania nowych idei i tworzenia na ich podstawie aplikacji internetowych.

O autorze (10)

O recenzentach (11)

Przedmowa (13)

Rozdział 1. Witaj, {{imię}} (17)

  • Przygotowania (17)
  • Instalowanie i zastosowanie AngularJS oraz Bootstrapa (18)
    • Instalowanie Bootstrapa (18)
    • Instalowanie AngularJS (19)
    • Zastosowanie AngularJS (20)
    • Bootstrap (23)
  • Pytania sprawdzające (27)
  • Podsumowanie (27)

Rozdział 2. Projektowanie za pomocą AngularJS i Bootstrapa (29)

  • Przygotowania (29)
  • Struktura (30)
    • Nawigacja (30)
  • Zastosowanie dyrektyw (36)
    • Dyrektywy ng-click i ng-mouseover (37)
    • Dyrektywa ng-init (39)
    • Dyrektywy ng-show i ng-hide (39)
    • Dyrektywa ng-if (40)
    • Dyrektywa ng-repeat (40)
    • Dyrektywa ng-class (42)
    • Dyrektywa ng-style (42)
    • Dyrektywa ng-cloak (43)
  • Pytania sprawdzające (44)
  • Podsumowanie (44)

Rozdział 3. Filtry (47)

  • Stosowanie filtra w widoku (47)
    • Waluta i liczby (48)
    • Małe i wielkie litery (49)
    • Filtr limitTo (49)
    • Data (49)
    • Filtr Filter (51)
    • Sortowanie za pomocą orderBy (52)
    • JSON (52)
  • Stosowanie filtrów z poziomu JavaScriptu (53)
  • Tworzenie własnego filtra (55)
    • Moduły (55)
    • Tworzenie filtra (56)
  • Pytania sprawdzające (58)
  • Podsumowanie (58)

Rozdział 4. Routing (59)

  • Instalowanie ngRoute (59)
  • Tworzenie tras podstawowych (60)
  • Trasy z parametrami (63)
  • Trasa domyślna (64)
  • Routing w HTML5 albo usuwanie # (64)
    • Włączanie HTML5Mode (64)
  • Odsyłacze do tras (65)
  • Pytania sprawdzające (65)
  • Podsumowanie (66)

Rozdział 5. Budowanie widoków (67)

  • Konstruowanie widoku Indeks (67)
  • Konstruowanie widoku Dodaj kontakt (70)
    • Formularze poziome (72)
  • Konstruowanie widoku Wyświetl kontakt (73)
    • Tytuł i Gravatar (74)
    • Klasa form-horizontal (75)
  • Pytania sprawdzające (77)
  • Podsumowanie (77)

Rozdział 6. CRUD (79)

  • R jak Read (79)
    • Współdzielenie danych między widokami (80)
    • Tworzenie niestandardowej dyrektywy (86)
    • Uwzględnianie zakończeń linii (91)
    • Wyszukiwanie oraz definiowanie klasy dla aktywnej strony aplikacji (92)
  • C jak Create (94)
  • U jak Update (95)
    • Właściwość scope (96)
    • Kontroler (96)
    • Łączenie elementów (97)
  • D jak Delete (100)
  • Pytania sprawdzające (101)
  • Podsumowanie (101)

Rozdział 7. AngularStrap (103)

  • Instalowanie AngularStrapa (103)
  • Zastosowanie AngularStrapa (104)
    • Okno modalne (105)
    • Okienko podpowiedzi (105)
    • Okienka wyskakujące (107)
    • Ostrzeżenia (108)
  • Zastosowanie usług AngularStrapa (109)
  • Integrowanie AngularStrapa (110)
  • Pytania sprawdzające (113)
  • Podsumowanie (113)

Rozdział 8. Komunikacja z serwerem (115)

  • Łączenie za pośrednictwem usługi $http (116)
    • Przesyłanie danych (118)
  • Łączenie za pomocą modułu ngResource (118)
    • Podpinanie ngResource (119)
    • Konfigurowanie ngResource (119)
    • Pozyskiwanie informacji z serwera (120)
    • Wysyłanie danych na serwer (121)
    • Usuwanie kontaktów (123)
    • Obsługa błędów (124)
  • Inne metody łączenia z serwerem (124)
    • RestAngular (124)
    • Firebase (125)
  • Pytania sprawdzające (127)
  • Podsumowanie (127)

Rozdział 9. Automatyzacja zadań (129)

  • Instalowanie Node i NPM (129)
  • Zastosowanie Grunta (131)
    • Instalowanie wiersza poleceń (131)
    • Instalowanie Grunta (131)
  • Zastosowanie gulpa (137)
    • Globalna instalacja gulpa (137)
    • Instalowanie zależności gulpa (137)
    • Konfigurowanie pliku gulpfile (138)
  • Restrukturyzacja projektu (141)
  • Pytania sprawdzające (143)
  • Podsumowanie (143)

Rozdział 10. Dostosowywanie Bootstrapa (145)

  • Kompilowanie plików Less za pomocą Grunta albo gulpa (145)
    • Pobieranie źródeł (146)
    • Kompilowanie z użyciem Grunta (146)
    • Kompilowanie z użyciem gulpa (149)
  • ABC preprocesora Less (152)
    • Importowanie (152)
    • Zmienne (152)
    • Zagnieżdżone reguły (153)
    • Domieszki (154)
  • Konfigurowanie stylów Bootstrapa (154)
    • Typografia (154)
    • Pasek nawigacji (155)
    • Formularze (156)
    • Przyciski (157)
  • Motywy Bootstrapa (158)
  • Gdzie szukać dodatkowych motywów Bootstrapa? (158)
  • Pytania sprawdzające (158)
  • Podsumowanie (159)

Rozdział 11. Walidacja (161)

  • Weryfikacja formularzy (161)
    • Zgodność ze wzorcem (166)
    • Zastosowanie dyrektyw minlength, maxlength, min i max (167)
    • Tworzenie niestandardowego walidatora (167)
  • Pytania sprawdzające (169)
  • Podsumowanie (170)

Rozdział 12. Narzędzia opracowane przez społeczność (171)

  • Batarang (171)
    • Instalowanie Bataranga (172)
  • Inspekcja obiektu scope i właściwości (173)
    • Analiza wydajności (174)
    • Wizualizacja zależności (175)
    • Opcje Bataranga (176)
  • Projekt ng-annotate (177)
    • Instalacja ng-annotate (177)
    • Włączanie ng-annotate do Grunta (178)
    • Używanie ng-annotate w połączeniu z gulpem (185)
  • Pytania sprawdzające (187)
  • Podsumowanie (187)

Dodatek A. Ciekawi ludzie i projekty (189)

  • Projekty związane z Bootstrapem i ich autorzy (189)
    • Zespół odpowiedzialny za podstawowy projekt (189)
    • Bootstrap Expo (190)
    • BootSnipp (190)
    • Przewodnik kodowania autorstwa @mdo (190)
    • Roots (191)
    • Shoelace (191)
    • Snippety Bootstrapa 3 dla edytora Sublime Text (191)
    • Font Awesome (192)
    • Bootstrap Icons (192)
  • Projekty związane z AngularJS i ich autorzy (192)
    • Zespół odpowiedzialny za podstawowy projekt (192)
    • RestAngular (193)
    • AngularStrap i AngularMotion (193)
    • AngularUI (193)
    • Mobile AngularUI (194)
    • Ionic (194)
    • AngularGM (195)
  • A teraz Twoja kolej... (195)

Dodatek B. Gdzie szukać pomocy? (197)

  • Oficjalna dokumentacja (197)
  • GitHub (197)
  • Stack Overflow (198)
  • Grupa AngularJS w Google (198)
  • Egghead.io (198)
  • Twitter (198)

Dodatek C. Odpowiedzi na pytania sprawdzające (201)

Skorowidz (205)

  • Title: Projektowanie nowoczesnych aplikacji sieciowych z użyciem AngularJS i Bootstrapa
  • Author: Stephen Radford
  • Original title: Learning Web Development with Bootstrap and AngularJS
  • Translation: Piotr Cieślak
  • ISBN: 978-83-283-1850-2, 9788328318502
  • Date of issue: 2016-01-29
  • Format: Ebook
  • Item ID: pnasab
  • Publisher: Helion