reklama - zainteresowany?

AngularJS. Praktyczne przykłady - Helion

AngularJS. Praktyczne przykłady
ebook
Autor: Chandermani
Tytuł oryginału: AngularJS by Example
TÅ‚umaczenie: Piotr Rajca
ISBN: 978-83-283-1618-8
stron: 440, Format: ebook
Data wydania: 2015-11-26
Księgarnia: Helion

Cena książki: 51,75 zł (poprzednio: 69,00 zł)
Oszczędzasz: 25% (-17,25 zł)

Dodaj do koszyka AngularJS. Praktyczne przykłady

Tagi: AngularJS | JavaScript - Programowanie

Praktyczne wprowadzenie do AngularJS!

AngularJS to szkielet, który pozwoliÅ‚ tworzyć zaawansowane aplikacje dziaÅ‚ajÄ…ce w Å›rodowisku przeglÄ…darki internetowej. DaÅ‚ nam do dyspozycji wiele narzÄ™dzi, które wczeÅ›niej można byÅ‚o zastosować tylko w „tradycyjnych” jÄ™zykach. WÅ›ród nich sÄ… zarówno wzorzec MVC (ang. ModelViewController), jak i rozbudowane możliwoÅ›ci testowania. To wÅ‚aÅ›nie dziÄ™ki AngularJS możesz wykorzystać w peÅ‚ni potencjaÅ‚ współczesnych aplikacji internetowych!

Wszyscy programiści od dawna wiedzą, że najlepszym sposobem na nauczenie się nowych narzędzi, języków programowania czy bibliotek jest korzystanie z gotowych przykładów. Właśnie takie podejście do AngularJS dominuje w tej książce. Dzięki niej błyskawicznie opanujesz wszystkie aspekty używania tego szkieletu w codziennej pracy. W kolejnych rozdziałach znajdziesz praktyczne przykłady zastosowania wzorca MVC, wiązania danych, stosowania gotowych dyrektyw oraz usług. Dowiesz się, jak podłączyć się do zasobów serwera dzięki $http oraz utrwalisz dane użytkownika poprzez wprowadzenie warstwy trwałości danych. Na sam koniec zapoznasz się z metodami tworzenia własnych dyrektyw i testowania poszczególnych komponentów aplikacji oraz ze wskazówkami na temat wydajności Twojej aplikacji. Sięgnij po tę książkę, jeżeli chcesz błyskawicznie poznać i wykorzystać w praktyce szkielet AngularJS!

Dzięki tej książce:
  • zaznajomisz siÄ™ ze wzorcem MVC
  • zastosujesz gotowe dyrektywy, a nastÄ™pnie przygotujesz wÅ‚asne
  • wykorzystasz dostÄ™pne usÅ‚ugi
  • przetestujesz swojÄ… aplikacjÄ™
  • poznasz dobre rady na temat wydajnoÅ›ci
  • wykorzystasz szkielet AngularJS w praktyce

Najszybszy sposób na naukę AngularJS!



Chandermani — programista specjalizujÄ…cy siÄ™ w tworzeniu aplikacji internetowych. Ma ponad 10 lat doÅ›wiadczenia w pisaniu aplikacji o różnym stopniu skomplikowania na podstawie rozwiÄ…zaÅ„ firmy Microsoft. Zakochany w AngularJS od pierwszego spotkania. Lider zespoÅ‚u programistów w Technovert.

Dodaj do koszyka AngularJS. Praktyczne przykłady

 

Osoby które kupowały "AngularJS. Praktyczne przykłady", wybierały także:

  • Angular 2. Programowanie z użyciem jÄ™zyka TypeScript
  • RESTful Web Services. Kurs video. Tworzenie restowych aplikacji internetowych w Spring, AngularJS
  • AngularJS. Kurs video. Poziom pierwszy. Tworzenie aplikacji
  • Angular 11. Kurs video. Poznaj moc tworzenia aplikacji typu SPA
  • Angular 5. Kurs video. Poziom pierwszy. Programowanie webowe w oparciu o architekturÄ™ komponentowÄ…

Dodaj do koszyka AngularJS. Praktyczne przykłady

Spis treści

AngularJS. Praktyczne przykłady eBook -- spis treści

  • O autorze
    • Zespół
      • Autor
      • Reviewers
      • Commissioning Editor
      • Acquisition Editor
      • Content Development Editor
      • Technical Editors
      • Copy Editors
      • Project Coordinator
      • Proofreaders
      • Indexer
      • Graphics
      • Production Coordinator
      • Cover Work
  • O recenzentach
  • Przedmowa
    • Zawartość książki
    • Co jest potrzebne?
    • Adresaci książki
    • Konwencje
      • Kod do pobrania
      • Errata
      • Piractwo
  • 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
  • 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
        • Podstawowe informacje o wstrzykiwaniu zależnoÅ›ci
        • Wstrzykiwanie zależnoÅ›ci w AngularJS
          • RozwiÄ…zanie problemu minimalizacji kodu
          • Adnotacje zależnoÅ›ci
      • Implementacja kontrolera
        • Åšledzenie czasu wykonywania ćwiczenia przy użyciu usÅ‚ugi $interval
      • Weryfikacja implementacji
      • Implementacja zmiany ćwiczenia
      • Stosowanie $watch do obserwowania zmian w modelu
        • Prezentacja $watch
        • Implementacja zmiany ćwiczenia przy użyciu funkcji $watch
      • Zmiana ćwiczeÅ„ przy użyciu API obietnic
        • Podstawowe informacje o obietnicach
    • 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
        • Tworzenie widoków z użyciem dyrektywy ng-view
        • Trasy w aplikacji 7-minutowy trening
        • Faza konfiguracji/uruchamiania i inicjalizacja moduÅ‚u
        • Przechodzenie do widoku w kontrolerze przy użyciu usÅ‚ugi $location
        • Stosowanie usÅ‚ugi $location
    • Dostarczanie dodatkowych informacji o ćwiczeniach
      • Dodawanie paneli opisu i wideo
        • Stosowanie dyrektywy ng-include
        • Stosowanie dyrektywy ng-repeat
    • WyÅ›wietlanie pozostaÅ‚ego czasu treningu przy użyciu filtrów
      • Tworzenie filtra konwertujÄ…cego sekundy na format godzinowy
        • Wprowadzenie do filtrów AngularJS
        • Implementacja filtru secondsToTime
    • Dodawanie informacji o nastÄ™pnym ćwiczeniu przy użyciu ng-if
    • Podsumowanie
  • 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
        • Implementacja kontrolera WorkoutAudioController
        • Badanie problemu synchronizacji klipów audio
        • Sprawdzanie zmian i cykle przeglÄ…du AngularJS
          • Podsumowanie zdobytej wiedzy
        • RozwiÄ…zanie problemu synchronizacji odtwarzanego klipu audio
    • Wstrzymywanie treningu
      • Implementacja wstrzymywania treningu w kontrolerze WorkoutController
      • Dodawanie fragmentu widoku do wstrzymywania i wznawiania treningu
        • Implementacja warstw z przyciskami do wstrzymywania i wznawiania treningu z użyciem zdarzeÅ„ myszy
        • Implementacja warstw z użyciem samych stylów CSS
        • Operacje na stylach CSS przy użyciu dyrektywy ng-class
      • 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
        • Integracja modalnego okna dialogowego ui.bootstrap
    • Animacje w aplikacjach AngularJS
      • Animacje CSS w AngularJS
      • Animacje JavaScriptu w AngularJS
      • Dodawanie animacji do aplikacji 7-minutowy trening
    • Zapis historii treningu przy użyciu usÅ‚ug AngularJS
      • Podstawowe informacje o usÅ‚ugach AngularJS
        • Tworzenie usÅ‚ug AnagularJS
          • Tworzenie usÅ‚ug przy użyciu usÅ‚ug typu constant i value
          • Tworzenie usÅ‚ug typu service
          • Tworzenie usÅ‚ug przy użyciu usÅ‚ugi factory
          • Tworzenie usÅ‚ug typu provider
      • Implementacja zapisu historii treningów
        • UsÅ‚uga WorkoutHistoryTracker
          • UsÅ‚ugi i zasiÄ™gi
          • CiÄ…g dalszy implementacji usÅ‚ugi
        • Integracja usÅ‚ugi WorkoutHistoryTracker z kontrolerem
      • 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
        • Filtr filter
        • Filtr orderBy
        • Specjalne wÅ‚aÅ›ciwoÅ›ci dyrektywy ng-repeat
    • Podsumowanie
  • 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
        • Integracja górnego i dodatkowego paska nawigacyjnego
    • 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
        • Wyznaczanie tras
        • Wyznaczanie nieodnalezionych tras
        • CiÄ…g dalszy implementacji kontrolera WorkoutDetailController
      • Implementacja widoku do tworzenia treningów
      • ObsÅ‚uga formularzy w AngularJS
        • Konstrukcje formularzy w AngularJS
        • Dyrektywa ng-model
          • Stosowanie dyrektywy ng-model w elementach input i textarea
          • Stosowanie dyrektywy ng-model w elementach select
        • Kontrola aktualizacji modelu przy użyciu dyrektywy ng-model-options (AngularJS 1.3)
        • Dyrektywa ng-model nie tylko dowiÄ…zywanie danych
        • Poznawanie kontrolera NgModelController
        • Implementacja funkcji formatujÄ…cej i funkcji analizujÄ…cej, które umożliwiajÄ… konwertowanie liczb rzeczywistych na caÅ‚kowite
        • Sprawdzanie poprawnoÅ›ci danych w AngularJS
        • Stan modelu w AngularJS
        • Weryfikacja formularza edycji treningów
          • Jak dziaÅ‚a sprawdzanie poprawnoÅ›ci danych w AngularJS (wersje wczeÅ›niejsze niż 1.3)
          • Jak dziaÅ‚a sprawdzanie poprawnoÅ›ci danych w AngularJS (wersja 1.3)
          • ZarzÄ…dzanie komunikatami o bÅ‚Ä™dach walidacji przy użyciu dyrektywy ng-messages (AngularJS 1.3)
        • Niestandardowy walidator sprawdzajÄ…cy liczbÄ™ ćwiczeÅ„
        • Zapisywanie treningu
      • Dyrektywa form i sprawdzanie poprawnoÅ›ci formularzy
        • Interfejs API kontrolera FormController
        • Poprawianie komunikatów o zapisie formularza i bÅ‚Ä™dach walidacji
        • Eliminowanie niepożądanych aktualizacji modelu
        • Przywracanie stanu poczÄ…tkowego formularza
        • UsÅ‚uga $routeParams
        • Dynamicznie generowane formularze i ich elementy
          • Sprawdzanie czasu wykonywania ćwiczenia przy użyciu dyrektywy ng-form
      • Obiekty zasiÄ™gu po raz wtóry
    • Podsumowanie
  • RozdziaÅ‚ 5. Dodawanie warstwy trwaÅ‚oÅ›ci danych
    • AngularJS i interakcje z serwerem
      • Przygotowanie trwaÅ‚ego magazynu danych
        • Utworzenie poczÄ…tkowej zawartoÅ›ci bazy danych
    • Podstawowe informacje o usÅ‚udze $http
    • Aplikacja Mój trening i jej integracja z serwerem
      • Wczytywanie danych ćwiczeÅ„ i treningów
        • Wczytywanie list ćwiczeÅ„ i treningów z serwera
          • Implementacja dostawcy usÅ‚ugi WorkoutService
        • Odwzorowywanie danych z serwera na modele aplikacji
        • WyjaÅ›nienie Å‚aÅ„cuchów obietnic
        • Wczytywanie danych ćwiczeÅ„ i treningów z serwera
        • Poprawianie stron ze szczegółowymi informacjami o treningach i ćwiczeniach
        • Tworzenie i wyznaczanie wÅ‚asnych obietnic
          • Funkcja when usÅ‚ugi $q
        • CiÄ…g dalszy poprawiania stron ze szczegółowymi informacjami o treningach i ćwiczeniach
          • Wyznaczanie tras a obietnice
      • Wykonywanie podstawowych operacji na ćwiczeniach i treningach
        • Poprawianie i tworzenie nowych treningów
        • OdwoÅ‚ania do innych domen a AngularJS
        • Stosowanie JSONP do wykonywania żądaÅ„ do innych domen
        • CORS Cross-Origin Resource Sharing
    • 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
      • Ukryty koszt ukrywania asynchronicznego charakteru kodu
    • Podstawowe operacje z użyciem usÅ‚ugi $resource
      • Stosowanie usÅ‚ugi $resource do obsÅ‚ugi innych rodzajów punktów koÅ„cowych
    • Funkcje przechwytujÄ…ce żądania i odpowiedzi
      • Zastosowanie funkcji przechwytujÄ…cej do przekazania klucza API
    • Funkcje przeksztaÅ‚cajÄ…ce żądania i odpowiedzi
    • ObsÅ‚uga bÅ‚Ä™dów wyznaczania tras w przypadku odrzucenia obietnicy
      • ObsÅ‚uga nieodnalezionych treningów
    • Poprawianie aplikacji 7-minutowy trening
    • Podsumowanie
  • RozdziaÅ‚ 6. Tworzenie i stosowanie dyrektyw
    • Dyrektywy wprowadzenie
    • Anatomia dyrektyw
      • Tworzenie dyrektywy workout-tile
      • Prezentacja dyrektywy ng-click
    • Tworzenie dyrektywy do zdalnej walidacji nazwy treningu
      • Dyrektywa remote-validator (dla AngularJS 1.3 i starszych)
        • WÅ‚aÅ›ciwość require definicji dyrektyw
        • Funkcja konsolidujÄ…ca
      • Dyrektywa remote-validator dla Angular 1.3
    • Aktualizacje modelu z użyciem zdarzenia blur
      • Zastosowanie wÅ‚aÅ›ciwoÅ›ci priority do zmiany kolejnoÅ›ci wykonywania funkcji compile i link
      • Cykl życia dyrektywy
      • Priorytet a wiele dyrektyw użytych w tym samym elemencie
    • Implementacja dyrektywy wizualnego wskaźnika zdalnej walidacji
      • UsÅ‚uga $compile
      • Funkcja kontrolera dyrektywy
      • Komunikacja miÄ™dzy dyrektywami integracja wskaźnika zdalnych operacji i dyrektywy walidacyjnej
        • Poprawianie dyrektywy remote-validator (AngularJS 1.3 i starsze)
        • Poprawianie dyrektywy remote-validator (AngularJS 1.3 i nowsze)
      • Wstrzykiwanie kodu HTML w funkcji kompilujÄ…cej dyrektywy
      • Prezentacja szablonów dyrektyw i transkluzji
    • WyjaÅ›nienie izolowanego zasiÄ™gu dyrektyw
      • Tworzenie dyrektywy przycisku wykonujÄ…cego zdalnÄ… operacjÄ™
    • Integracja AngularJS i jQuery
      • Integracja wtyczki jQuery Owl Carousel z aplikacjÄ… Treningomat
      • Tunelowanie zdarzeÅ„ jQuery przy użyciu dyrektyw
    • Podsumowanie
  • RozdziaÅ‚ 7. Testowanie aplikacji AngularJS
    • Potrzeba automatyzacji
    • Testowanie w AngularJS
      • Rodzaje testów
      • Kto i kiedy ma testować?
      • Ekosystem testowy AngularJS
    • Wprowadzenie do tworzenia testów jednostkowych
      • Konfiguracja Å›rodowiska Karma do wykonywania testów jednostkowych
      • ZarzÄ…dzanie zależnoÅ›ciami przy użyciu menedżera zależnoÅ›ci Bower
      • Testy jednostkowe komponentów AngularJS
        • Testy jednostkowe filtrów
        • Testy jednostkowe z użyciem moduÅ‚u ngMock
        • Testy jednostkowe kontrolerów
          • Konfigurowanie zależnoÅ›ci kontrolera
        • Testy jednostkowe kontrolera WorkoutController
          • Debugowanie testów jednostkowych w Å›rodowisku Karma
          • CiÄ…g dalszy testów jednostkowych kontrolera WorkoutController
          • Stosowanie szpiegów Jasmine do sprawdzania zależnoÅ›ci
          • Testowanie implementacji $interval i $timeout
          • Testowanie zatrzymywania i wznawiania treningu
        • Testy jednostkowe usÅ‚ug
          • Symulowanie żądaÅ„ i odpowiedzi HTTP przy użyciu usÅ‚ugi $httpBackend
          • Testowanie usÅ‚ugi WorkoutService
        • Testy jednostkowe dyrektyw
          • Testy dyrektywy remote-validator
          • Jednoczesne testowanie dyrektyw remote-validator i busy-indicator
          • Testowanie dyrektyw używajÄ…cych wÅ‚aÅ›ciwoÅ›ci konfiguracyjnej templateUrl
        • Testy jednostkowe tras i ich wÅ‚aÅ›ciwoÅ›ci konfiguracyjnej resolve
    • Wprowadzenie do tworzenia testów typu E2E
      • Prezentacja narzÄ™dzia Protractor
      • Przygotowywanie Å›rodowiska Protractor do testów E2E
      • Pisanie testów E2E dla naszej aplikacji
      • Przygotowywanie danych na serwerze pod kÄ…tem testów E2E
        • Tworzenie atrapy serwera na potrzeby testów E2E
      • WiÄ™cej testów E2E
        • Testowanie aplikacji Treningomat
        • Stosowanie obiektów stron do zarzÄ…dzania testami E2E
    • Podsumowanie
  • RozdziaÅ‚ 8. ObsÅ‚uga czÄ™sto wystÄ™pujÄ…cych scenariuszy
    • Tworzenie nowych aplikacji
      • Projekty startowe
      • Yeoman
    • Tworzenie aplikacji wielojÄ™zycznych (umiÄ™dzynarodawianie)
      • Wsparcie dla aplikacji wielojÄ™zycznych w AngularJS
        • Zmiana ustawieÅ„ regionalnych dziÄ™ki możliwoÅ›ciom moduÅ‚u angular-dynamic-locale
        • Stosowanie biblioteki angular-translate do obsÅ‚ugi tÅ‚umaczenia tekstów
    • ObsÅ‚uga uwierzytelniania i autoryzacji
      • Uwierzytelnianie w oparciu o cookies
      • Uwierzytelnianie w oparciu o żetony
      • ObsÅ‚uga autoryzacji
        • Dodawanie wsparcia dla autoryzacji
          • UdostÄ™pnianie kontekstu uwierzytelniania użytkownika
          • Ograniczanie dostÄ™pu do tras
          • Warunkowe wyÅ›wietlanie treÅ›ci zależnie od roli
    • Wzorce komunikacji i współdzielenia danych
      • Stosowanie adresów URL do przekazywania danych pomiÄ™dzy stronami
      • Stosowanie obiektów zasiÄ™gu
        • Stosowanie zasiÄ™gu $rootScope
      • Stosowanie usÅ‚ug
      • Komunikacja miÄ™dzy dyrektywami
      • Stosowanie zdarzeÅ„
    • Wydajność
      • Wytyczne dotyczÄ…ce wydajnoÅ›ci
        • Zapewnianie niewielkich rozmiarów stron (widoków)
        • Optymalizacja czujek operujÄ…cych na danych tylko do odczytu
        • Ukrywanie treÅ›ci (ng-show) kontra ich warunkowe wyÅ›wietlanie (ng-if/ng-switch)
        • Wyznaczanie wyrażeÅ„ używanych w czujkach powinno trwać bardzo krótko
        • Minimalizacja czujek używajÄ…cych gÅ‚Ä™bokich porównaÅ„
        • ObsÅ‚uga dużych zbiorów danych przy użyciu dyrektywy ng-repeat
        • Unikanie zdarzeÅ„ zwiÄ…zanych z ruchem myszy
        • Unikanie stosowania wywoÅ‚aÅ„ $scope.$apply
        • Leniwe wczytywanie, minimalizacja i tworzenie wielu aplikacji jednostronicowych
          • Dzielenie aplikacji na kilka mniejszych aplikacji jednostronicowych
          • Leniwe wczytywanie modułów
        • Przechowywanie zdalnych danych w pamiÄ™ci podrÄ™cznej zawsze, gdy jest to możliwe
        • Stosowanie dodatku Batarang do pomiarów wydajnoÅ›ci
    • Przydatne biblioteki dodatkowe
    • Podsumowanie

Dodaj do koszyka AngularJS. Praktyczne przykłady

Code, Publish & WebDesing by CATALIST.com.pl



(c) 2005-2024 CATALIST agencja interaktywna, znaki firmowe należą do wydawnictwa Helion S.A.