Деталі електронної книги

jQuery, jQuery UI oraz jQuery Mobile. Receptury

jQuery, jQuery UI oraz jQuery Mobile. Receptury

Phillip Dutson, Adriaan de Jonge

Eлектронна книга

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)

  • Назва: jQuery, jQuery UI oraz jQuery Mobile. Receptury
  • Автор: Adriaan de Jonge, Phillip Dutson
  • Оригінальна назва: jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples (Developer's Library)
  • Переклад: Piotr Rajca
  • ISBN: 978-83-246-7704-7, 9788324677047
  • Дата видання: 2013-10-27
  • Формат: Eлектронна книга
  • Ідентифікатор видання: jquere
  • Видавець: Helion