jQuery, jQuery UI oraz jQuery Mobile. Receptury - ebook

Najlepsze receptury dla jQuery!

Czy ktokolwiek pamięta jeszcze czasy, kiedy JavaScript był zmorą dla użytkowników? To już przeszłość! Obecnie język ten święci triumfy wraz z HTML5 i CSS3. Dzięki bibliotekom jQuery, jQuery UI i jQuery Mobile wykorzystanie jego potencjału stało się jeszcze łatwiejsze. Teraz możesz błyskawicznie dodawać zaawansowane komponenty i interakcje do Twojej strony, a także tworzyć aplikacje i strony na urządzenia mobilne. Nigdy dotąd nie było to tak proste!

Książka ta napisana jest w sprawdzonej formule receptur i przykładów, dzięki którym błyskawicznie poznasz typowe zastosowania omawianych bibliotek. W trakcie lektury nauczysz się wybierać konkretne elementy na stronie, modyfikować je i usuwać. Ponadto dowiesz się, jak korzystać z modelu zdarzeń, komunikować się z serwerem oraz używać zawansowanych komponentów interfejsu użytkownika, zawartych w bibliotece jQuery UI. Część trzecia książki poświęcona została jQuery Mobile. Znajdziesz w niej najlepsze sposoby nawigowania, obsługi interakcji oraz dopasowania aplikacji do urządzeń mobilnych. To doskonały przewodnik dla wszystkich twórców stron internetowych oraz aplikacji mobilnych.

Sprawdź:

• jak łatwo wykorzystać potencjał JavaScriptu
• jak operować na grupach elementów
• jak obsługiwać zdarzenia
• w jaki sposób tworzyć aplikacje na urządzenia mobilne

Wykorzystaj w pełni potencjał JavaScriptu dzięki bibliotece jQuery!

O autorach (15)

Wstęp (17)

• Dlaczego powstała książka z recepturami i przykładami na temat jQuery? (17)
• Dla kogo jest przeznaczona ta książka? (18)
• Jak korzystać z tej książki? (18)
• Struktura książki (19)
• Zasoby dodatkowe (19)

CZĘŚĆ I. PODSTAWY (21)

Rozdział 1. Rozpoczynanie pracy z jQuery (23)

• Receptura: Przedstawienie podstawowego sposobu użycia jQuery (23)
• Receptura: Stosowanie jQuery wraz z innymi bibliotekami (26)
• Receptura: Określanie wersji biblioteki jQuery (27)
• Receptura: Przeglądanie tablic przy użyciu funkcji each() (28)
• Receptura: Operacje na tablicach przy użyciu funkcji map() (30)
• Receptura: Operowanie na tablicach elementów (31)
• Receptura: Określanie położenia elementu przy użyciu funkcji index() (32)
• Receptura: Odnajdywanie elementów tablicy przy użyciu funkcji grep() (33)
• Receptura: Określanie wielkości zbioru elementów przy użyciu funkcji length() (34)
• Receptura: Pobieranie atrybutów data- HTML5 (35)
• Receptura: Zapis danych przy użyciu funkcji data() (36)
• Receptura: Usuwanie danych przy użyciu metody removeData() (38)
• Receptura: Testowanie zmiennych i operowanie na nich (39)
• Receptura: Rozszerzanie obiektów przy użyciu funkcji extend() (41)
• Receptura: Serializacja danych z formularzy (43)
• Receptura: Testowanie dostępnych możliwości przeglądarki (44)
• Podsumowanie (46)

Rozdział 2. Wybór elementów (47)

• Receptura: Łączenie dwóch zbiorów elementów przy użyciu funkcji add() (47)
• Receptura: Precyzowanie zapytania przy użyciu funkcji filter() (48)
• Receptura: Wybieranie elementów podrzędnych przy użyciu funkcji find() oraz children() (49)
• Receptura: Wybór elementów za pomocą funkcji has() oraz sprawdzanie ich przy użyciu funkcji is() (51)
• Receptura: Wybieranie pól formularzy przy wykorzystaniu pseudoselektorów (52)
• Receptura: Zagnieżdżanie selektorów (53)
• Receptura: Emulacja selektora hover CSS (54)
• Receptura: Wybieranie tekstu za pomocą funkcji contains() (55)
• Przykład: Wyróżnianie pojedynczego słowa (56)
• Receptura: Tworzenie własnych selektorów (57)
• Receptura: Ograniczanie zakresu kontekstu wyboru (59)
• Podsumowanie (60)

Rozdział 3. Modyfikowanie stron (61)

• Receptura: Dodawanie klas (61)
• Przykład: Usuwanie klas (62)
• Receptura: Generacja nazw klas (63)
• Receptura: Zmiana właściwości i atrybutów (65)
• Receptura: Zmiana kodu HTML wewnątrz elementu (66)
• Receptura: Dodawanie zawartości przy użyciu funkcji append() oraz appendTo() (67)
• Przykład: Dodawanie wyniku funkcji (68)
• Receptura: Dodawanie treści przy użyciu funkcji prepend() oraz prependTo() (70)
• Receptura: Dynamiczna generacja kodu HTML przy wykorzystaniu jQuery (71)
• Receptura: Dołączanie i odłączanie elementów (72)
• Receptura: Kopiowanie elementów przy użyciu funkcji clone() (73)
• Receptura: Wstawianie elementów w określonym miejscu (75)
• Przykład: Przesuwanie elementów w górę i w dół listy (76)
• Receptura: Usuwanie elementów (78)
• Receptura: Zagnieżdżanie elementów i usuwanie elementów otaczających (80)
• Podsumowanie (83)

Rozdział 4. Odbieranie zdarzeń i odpowiadanie na nie (85)

• Receptura: Obsługa zdarzeń związanych z myszą (85)
• Przykład: Rysowanie na elemencie canvas (87)
• Receptura: Obsługa zdarzeń klawiatury (89)
• Receptura: Obsługa zdarzeń formularzy (90)
• Receptura: Obsługa zdarzeń związanych z przewijaniem (92)
• Receptura: Dodawanie głównych procedur obsługi zdarzeń przy użyciu funkcji live() oraz die() (93)
• Receptura: Przekazywanie zdarzeń do konkretnego elementu nadrzędnego przy użyciu funkcji delegate() (95)
• Receptura: Zmiana kontekstu wykonania funkcji przy użyciu funkcji proxy() (98)
• Podsumowanie (99)

Rozdział 5. Komunikacja z serwerem (101)

• Receptura: Przygotowanie testowego serwera z użyciem Node.js (101)
• Receptura: Generacja żądania GET (103)
• Receptura: Bezpośrednie wczytywanie kodu HTML (104)
• Receptura: Obsługa żądań przy użyciu obietnic (105)
• Receptura: Obsługa błędów serwera (107)
• Receptura: Obsługa problemów z odnalezieniem strony (108)
• Receptura: Obsługa przekierowań (110)
• Receptura: Określanie czasu oczekiwania na odpowiedź (111)
• Receptura: Przekazywanie nagłówków HTTP (112)
• Przykład: Weryfikacja danych z formularza po stronie serwera (113)
• Receptura: Wczytywanie kodu XML (115)
• Receptura: Obsługa zdarzeń AJAX (116)
• Receptura: Czytanie danych JSONP z zewnętrznego serwera (117)
• Podsumowanie (119)

CZĘŚĆ II. INTERFEJS UŻYTKOWNIKA (121)

Rozdział 6. Interakcja z użytkownikiem (123)

• Pobieranie i instalacja jQuery UI (123)
• Receptura: Przeciąganie elementów (124)
  
  • Określanie postaci komponentów draggable (125)
  • Określanie opcji komponentów draggable (126)
  • Obsługa zdarzeń komponentów draggable (129)
  • Wywoływanie metod komponentów draggable (130)
• Receptura: Upuszczanie elementów (130)
  
  • Określanie stylu komponentów droppable (132)
  • Określanie opcji komponentów droppable (132)
  • Przechwytywanie zdarzeń komponentów droppable (132)
  • Wywoływanie metod komponentów droppable (134)
• Receptura: Zmiana kolejności elementów przy wykorzystaniu elementów sortowalnych (135)
  
  • Określanie stylów elementów sortowalnych (136)
  • Określanie opcji elementów sortowalnych (136)
  • Obsługa zdarzeń elementów sortowalnych (136)
  • Wywoływanie metod elementów sortowalnych (140)
• Przykład: Sortowanie elementów tworzących strukturę drzewiastą (141)
• Receptura: Zaznaczanie elementów listy wypunktowanej (142)
  
  • Style komponentów selectable (144)
  • Określanie opcji komponentów selectable (144)
  • Obsługa zdarzeń komponentów selectable (144)
  • Wywoływanie metod komponentów selectable (146)
• Przykład: Zaznaczanie elementów w strukturze drzewiastej (146)
• Receptura: Zmiana wielkości elementów (148)
  
  • Określanie wyglądu elementów o zmiennej wielkości (149)
  • Określanie opcji elementów o zmiennej wielkości (149)
  • Obsługa zdarzeń elementów o zmiennej wielkości (150)
  • Wywoływanie metod elementów o zmiennej wielkości (151)
• Podsumowanie (152)

Rozdział 7. Interakcja z widżetami (153)

• Receptura: Grupowanie treści przy użyciu akordeonu (153)
  
  • Określanie wyglądu akordeonu (154)
  • Określanie opcji akordeonu (155)
  • Obsługa zdarzeń akordeonu (157)
  • Metody (158)
• Receptura: Sugerowanie wartości przy użyciu widżetu automatycznego uzupełniania (159)
  
  • Określanie wyglądu widżetu automatycznego uzupełniania (161)
  • Określanie opcji widżetu automatycznego uzupełniania (161)
  • Obsługa zdarzeń widżetu automatycznego uzupełniania (161)
  • Wywoływanie metod widżetu automatycznego uzupełniania (164)
• Receptura: Przekształcanie elementów w przyciski (165)
  
  • Określanie wyglądu przycisków (166)
  • Określanie opcji przycisków (167)
  • Obsługa zdarzeń przycisków (167)
  • Metody (168)
• Przykład: Określanie wyglądu przycisków opcji przy użyciu widżetu buttonset (168)
• Receptura: Wybór dat przy użyciu widżetu datepicker (169)
  
  • Określanie wyglądu kalendarza (170)
  • Określanie opcji kalendarza (171)
  • Obsługa zdarzeń kalendarza (176)
  • Wywoływanie metod kalendarza (177)
• Receptura: Przyciąganie uwagi przy użyciu okien dialogowych (178)
  
  • Określanie wyglądu okna dialogowego (179)
  • Określanie opcji okna dialogowego (180)
  • Obsługa zdarzeń generowanych przez okna dialogowe (181)
  • Wywoływanie metod okien dialogowych (184)
• Receptura: Wyświetlanie informacji o postępie prac przy wykorzystaniu widżetu progressbar (185)
  
  • Określanie wyglądu paska postępów (186)
  • Ustawianie opcji paska postępów (186)
  • Obsługa zdarzeń paska postępów (186)
  • Wywoływanie metod paska postępów (187)
• Receptura: Pobieranie liczb przy wykorzystaniu suwaka (187)
  
  • Określanie wyglądu suwaka (188)
  • Określanie opcji suwaków (189)
  • Obsługa zdarzeń suwaka (189)
  • Wywoływanie metod suwaków (190)
• Receptura: Nawigowanie po stronie przy wykorzystaniu kart (191)
  
  • Określanie wyglądu kart (192)
  • Określanie opcji widżetu kart (193)
  • Obsługa zdarzeń widżetu tabs (194)
  • Wywoływanie metod widżetu tabs (196)
• Podsumowanie (197)

CZĘŚĆ III. STRONY NA URZĄDZENIA PRZENOŚNE (199)

Rozdział 8. Zmiany wyglądu (201)

• Zmiana stylów używanych w komponentach jQuery UI (201)
• Tworzenie animacji z wykorzystaniem możliwości biblioteki jQuery Core (202)
• Receptura: Animacja kolorów przy użyciu jQuery UI (204)
• Receptura: Ukrywanie elementów przy użyciu funkcji wygaszania i przesuwania jQuery Core (205)
• Receptura: Dodawanie efektów graficznych przy użyciu jQuery UI (206)
• Receptura: Animacja dodawania i usuwania klas CSS przy użyciu jQuery UI (208)
• Receptura: Wyświetlanie wszystkich funkcji przejścia definiowanych przez jQuery UI (210)
• Receptura: Wyświetlanie wszystkich ikon definiowanych przez jQuery UI (211)
• Receptura: Użycie obietnic do wykonania kodu po zakończeniu animacji (213)
• Receptura: Wykonywanie kodu podczas animacji przy wykorzystaniu funkcji queue i dequeue (215)
• Podsumowanie (217)

Rozdział 9. Nawigacja przy użyciu jQuery Mobile (219)

• Receptura: Przygotowywanie podstawowych elementów jQuery Mobile (219)
• Receptura: Udostępnianie wielu stron przy użyciu jednego pliku HTML (221)
• Receptura: Zmiana tytułu elementu (223)
• Receptura: Wczytywanie zewnętrznych stron przy użyciu technologii AJAX (224)
• Receptura: Wyświetlanie komunikatów o wczytywaniu stron (227)
• Receptura: Odwołania do zewnętrznych stron bez korzystania z technologii AJAX (228)
• Receptura: Określanie animacji przejścia (229)
• Receptura: Stosowanie niestandardowych efektów przejść (231)
• Receptura: Obsługa zdarzeń generowanych przez urządzenia przenośne (233)
• Receptura: Generacja przycisku Wstecz (237)
• Receptura: Dodawanie stopek u dołu strony (238)
• Receptura: Ta sama stopka na wielu stronach (241)
• Receptura: Wyświetlanie stopki w ustalonym miejscu (242)
• Receptura: Wyświetlanie i ukrywanie stopki (244)
• Receptura: Optymalizacja nagłówków i stopek pod kątem prezentacji pełnoekranowych (246)
• Receptura: Zmiana schematu kolorów przy użyciu tematów (247)
• Receptura: Tworzenie wielu kolumn (249)
• Receptura: Zmiana stron przy wykorzystaniu skryptów (251)
• Receptura: Wczytywanie stron przy użyciu skryptów (253)
• Receptura: Dołączanie danych do węzłów DOM przy użyciu jQuery Mobile (255)
• Receptura: Korzystanie z funkcji pomocniczych jQuery Mobile (256)
• Podsumowanie (260)

Rozdział 10. Obsługa interakcji przy użyciu jQuery Mobile (261)

• Receptura: Wyświetlanie pasków narzędzi w treści strony (261)
• Receptura: Wyświetlanie paska ostrzeżenia (263)
• Receptura: Dodawanie pasków menu do stopek (264)
• Receptura: Poruszanie się po stronach przy użyciu paska nawigacyjnego (265)
• Receptura: Wyświetlanie i ukrywanie treści przy użyciu elementów zwijanych (268)
• Receptura: Symulacja akordeonu poprzez użycie zbioru elementów zwijanych (270)
• Receptura: Pobieranie prostych danych tekstowych przy wykorzystaniu pól formularzy (271)
• Receptura: Wprowadzanie dat (273)
• Receptura: Wyświetlanie pól formularzy przy wykorzystaniu alternatywnych klawiatur (275)
• Receptura: Wyświetlanie wyspecjalizowanych rodzajów pól formularzy (276)
• Receptura: Wprowadzanie liczb całkowitych przy użyciu suwaków (278)
• Receptura: Ustawianie wartości binarnych przy użyciu przełączników (279)
• Receptura: Wybór jednego elementu przy użyciu przycisków opcji (280)
• Receptura: Wybieranie wielu elementów przy użyciu pól wyboru (282)
• Receptura: Wybieranie elementów z rozwijanej listy (284)
• Receptura: Wyświetlanie standardowych pól poprzez wyłączenie jQuery Mobile (286)
• Receptura: Wyświetlanie list elementów (288)
• Receptura: Filtrowanie elementów list (296)
• Receptura: Grupowanie elementów formularzy na listach (297)
• Podsumowanie (298)

CZĘŚĆ IV. WTYCZKI (299)

Rozdział 11. Tworzenie wtyczek (301)

• Receptura: Przygotowywanie prostej, statycznej wtyczki (301)
• Receptura: Tworzenie prostych wtyczek kontekstowych (303)
• Receptura: Łączenie wtyczek i funkcji jQuery w łańcuch wywołań (304)
• Receptura: Parametryzacja wtyczek (306)
• Receptura: Tworzenie parametrów domyślnych (307)
• Receptura: Sterowanie działaniem wtyczki przy użyciu metod (308)
• Receptura: Tworzenie wtyczki, która tworzy wtyczki (311)
• Receptura: Rejestracja i wywoływanie funkcji zwrotnych (314)
• Receptura: Przekazywanie kontekstu do funkcji zwrotnych (316)
• Receptura: Zwracanie obiektu Deferred w celu wywoływania odrębnych funkcji zwrotnych w razie powodzenia i porażki (317)
• Receptura: Zwracanie obiektu Promise w celu ukrycia szczegółów działania (319)
• Receptura: Przedstawienie zabezpieczenia obiektu obietnicy (320)
• Receptura: Stosowanie obiektów Promise do kontroli sterowania realizacją kodu (321)
• Receptura: Wizualizacja postępów przed wywołaniem końcowej funkcji zwrotnej (323)
• Receptura: Przekazywanie kontekstu do funkcji zwrotnych (324)
• Receptura: Przekazywanie kontekstu do funkcji informujących o postępach operacji (326)
• Podsumowanie (327)

Rozdział 12. Korzystanie z gotowych wtyczek (329)

• Receptura: Wyświetlanie okna modalnego (330)
• Receptura: Stosowanie rozwijanego menu (332)
• Receptura: Stosowanie wtyczki ScrollSpy (334)
• Receptura: Przełączane karty (336)
• Receptura: Dodawanie podpowiedzi (338)
• Receptura: Stosowanie okienek informacyjnych (340)
• Receptura: Ostrzeganie użytkownika (342)
• Receptura: Przyciski (343)
• Receptura: Zwijanie treści (346)
• Receptura: Umieszczanie treści w karuzeli (348)
• Receptura: Korzystanie z automatycznego uzupełniania (351)

Skorowidz (355)