Details zum E-Book

jQuery, jQuery UI oraz jQuery Mobile. Receptury

jQuery, jQuery UI oraz jQuery Mobile. Receptury

Phillip Dutson, Adriaan de Jonge

E-book

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)

  • Titel: jQuery, jQuery UI oraz jQuery Mobile. Receptury
  • Autor: Adriaan de Jonge, Phillip Dutson
  • Originaler Titel: jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples (Developer's Library)
  • Übersetzung: Piotr Rajca
  • ISBN: 978-83-246-7704-7, 9788324677047
  • Veröffentlichungsdatum: 2013-10-27
  • Format: E-book
  • Artikelkennung: jquere
  • Verleger: Helion