Ember.js dla webdeveloperów - ebook

Poznaj atuty Ember.js!

Ember.js to biblioteka języka JavaScript, dzięki której możesz sprawnie budować aplikacje na podstawie wzorca MVC (ang. Model View Controller). Ember.js znakomicie sprawdza się przy tworzeniu jednostronicowych aplikacji internetowych (ang. Single Page Applications), a ponadto usprawnia automatyczne aktualizowanie szablonów czy dwustronne wiązanie danych. Jeżeli chcesz zgłębić tajniki tej biblioteki, ta książka jest dla Ciebie.

Dzięki niej poznasz potencjał Ember.js, jej atuty oraz techniki pracy. Lektura kolejnych rozdziałów pozwoli Ci poznać zasady działania generatora aplikacji Ember i szablonów, a także proces budowy modelu danych i kontrolerów. Na sam koniec dowiesz się, jak zapisywać dane po stronie klienta. Po zgłębieniu możliwości Ember.js nauczysz się przygotowywać serwer, który będzie przetwarzał żądania wysyłane z Twojej aplikacji. W tym celu wykorzystasz Rails MVC. W trakcie lektury zbudujesz własną aplikację o nazwie Rock’n’roll. Jesteś ciekaw, co potrafi? Sięgnij po tę książkę i przekonaj się sam!

• Przygotuj środowisko pracy oraz wygeneruj podstawowy kod.
• Sprawdź, w jaki sposób „ergonomia” zapewniana przez Ember pozwala minimalizować ilość kodu.
• Przygotuj szablony dla prototypu książki dzięki Handlebars.js.
• Wykorzystaj rutery do zarządzania stanem aplikacji bez przeładowywania zawartości strony.
• Połącz kontrolery i widoki ze zdarzeniami oraz synchronizuj dane dzięki powiązaniom.
• Przygotuj infrastrukturę wspierającą Ember za pomocą REST-owego API lub Ruby on Rails.
• Wykorzystaj bibliotekę Data do zapisywania danych i komunikacji z infrastrukturą wspierającą.
• Twórz uniwersalne modularne widżety rozszerzające możliwości Twoich aplikacji.

Pisz ambitne programy w JavaScript. Z Ember.js zaawansowane aplikacje internetowe są w Twoim zasięgu! 

Wstęp (7)

1. Wprowadzenie do Ember.js i wymagających aplikacji internetowych (15)

• Czym jest "wymagająca aplikacja internetowa"? (16)
  • Wymagające aplikacje internetowe nie są dokumentami (16)
  • Stan w wymagających aplikacjach internetowych (17)
  • Długi czas działania wymagających aplikacji internetowych (19)
  • Wymagające aplikacje internetowe mają architekturę (21)
• Czym jest Ember.js? (23)
• Dlaczego warto wybrać Ember? (24)
  • Ergonomia dewelopera? (24)
  • Czym jest ORM? (25)
• Czym jest Ruby on Rails? (25)
• Czym jest Node.js? (26)
  • Express.js (26)

2. Podstawy (27)

• Witaj, WWW (27)
• SimpleHTTPServer 3 naprawdę prosty (30)
• Łączenie danych (32)
• Ale gdzie znajduje się cały kod? (34)
• Co to takiego ten router? (35)
• Działanie Ember (36)
• Podsumowanie (39)

3. Szkielet aplikacji i praca nad kodem z Ember (41)

• Git (43)
• Czym jest Yeoman? (45)
  • Instalowanie Yeoman (45)
• Korzystanie z generatora aplikacji Ember z Yo (46)
  • Instalowanie wykorzystywanych narzędzi (46)
  • Instalowanie generatora (47)
  • Uruchamianie generatora (48)
• Wykorzystanie menedżera pakietów Bower (53)
• Grunt (54)
  • Kompilacja, uruchomienie, testowanie (55)
• Debugowanie z Ember Inspector w przeglądarkach Chrome i Firefox (57)
• Podsumowanie (63)

4. Prototyp aplikacji Rock'n'Roll Call: szablony (65)

• Rock'n'Roll (65)
• Zaczynamy od HTML (68)
• Podstawy Handlebars.js (69)
• Zmienne (72)
• Tworzenie odnośników za pomocą {{link-to}} (73)
• Wprowadzanie danych z {{input}} (74)
• Listy z {{each}} (77)
• Warunki ze znacznikami {{if}} oraz {{else}} (79)
• Obsługa działań użytkownika za pomocą {{action}} (80)
• Powiązane atrybuty (81)
• Tworzenie własnych znaczników (83)
• Podsumowanie (86)

5. Prototyp aplikacji Rock'n'Roll Call: router, ścieżki i modele (87)

• URL - internetowy odpowiednik "kodu do poziomu" (88)
• Routing (90)
  • Router (92)
  • Dynamiczne ścieżki (96)
• Ścieżki (97)
• Modele (99)
  • Obietnice, obietnice (101)
  • Metoda model() (102)
• Podsumowanie (105)

6. Prototyp aplikacji Rock'n'Roll Call: kontrolery, widoki, połączenia z danymi i zdarzenia (107)

• Kontrolery (108)
• Generowane właściwości (111)
• Potęga obietnic i metoda model (113)
• Widoki (120)
• Podsumowanie (122)

7. Zapisywanie danych (123)

• Nie wymyślajmy Ajaksa na nowo (123)
• Musi być lepszy sposób (126)
• Biblioteki Ember do zapisywania danych po stronie klienta (126)
  • Ember Data (126)
  • Ember Model (127)
  • Ember RESTless (127)
  • Ember Persistence Foundation (127)
• Skok na głęboką wodę z Ember Data (127)
  • Tworzenie routera, widoku i stanu dla aktywności (128)
  • Modele (129)
  • Zapisywanie danych wyszukiwanych przez użytkownika (130)
• Warstwy abstrakcji: magazyn, serializacja i adaptery (134)
  • Ember Data Store (134)
  • Serializer (135)
  • Adaptery (135)
• Podsumowanie (141)

8. Przygotowanie części serwerowej (143)

• REST-owe API usług sieciowych (144)
  • Ember Data RESTAdapter (144)
  • Tworzenie makiet API EAK (Ember App Kit) za pomocą Express.js (145)
• Po co korzystać z Rails? (150)
  • Zarządzanie zależnościami: RVM (Ruby Version Manager) i Bundler (150)
  • Instalacja Rails (151)
  • Generowanie aplikacji startowej (151)
  • Aktualizacja Gemfile (153)
  • Usuwanie TurboLinks (153)
  • Działanie jednostronicowej aplikacji z Rails MVC (154)
  • Testy (156)
  • Dodanie Ember (157)
• Podsumowanie (163)

9. Komponenty Ember (165)

• Anatomia komponentu Ember (166)
  • Tworzenie szablonu (166)
  • Rozszerzanie Ember.Component (168)
  • Tworzenie wizualizacji za pomocą mapy termicznej z D3 (169)
• Podsumowanie (173)

10. Testowanie Ember (175)

• Testowanie Ember z Ember App Kit, Qunit i Testem (176)
• Mechanizmy uruchamiające testy Testem i Qunit (179)
• Testy integracyjne Ember po stronie klienta (181)
  • Funkcje pomocnicze (181)
  • Testowanie strony głównej (182)
  • Testowanie ścieżki Activities (183)
• Testy jednostkowe Ember (187)
  • Wykorzystanie Ember-Qunit (189)
  • Testy jednostkowe ścieżek (190)
  • Korzystanie z FIXTURES (191)
  • Testy jednostkowe modeli (192)
• Podsumowanie (193)

Skorowidz (194)