E-book details

Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine

Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine

Jake Rutter

Ebook

Wykorzystaj fantastyczne możliwości jQuery i twórz bardziej rozbudowane, interaktywne interfejsy internetowe!

  • Jak rozpocząć pracę z biblioteką jQuery i sprawnie przetwarzać model DOM?
  • Jak ożywiać witrynę przy użyciu ciekawych efektów i animacji?
  • Jak tworzyć interaktywne tabele i zaawansowane formularze?

Stworzona w 2006 roku biblioteka jQuery miała być wybawieniem dla wielu programistów, którzy wcześniej nie mieli alternatywy - byli zmuszeni do korzystania ze skomplikowanych bibliotek języka JavaScript. I choć nie oferowała żadnych nowych funkcji, dzięki swej przejrzystej i prostej składni miała sprawić, by trudne do zrozumienia i utworzenia interfejsy API JavaScriptu stały się wreszcie szeroko dostępne. Twórcy stron nie rozczarowali się! Biblioteka jQuery spełniła pokładane w niej oczekiwania ? korzystanie z niej znacząco skróciło czas pisania kodu oraz umożliwiło projektantom i programistom szybkie tworzenie komponentów interaktywnych zgodnych ze wszystkimi najważniejszymi przeglądarkami.

Jak zatem łatwo tworzyć bogate w możliwości interfejsy internetowe, integrując strukturę biblioteki jQuery z witryną internetową przy minimalnej znajomości języka JavaScript? Oto znakomita książka, napisana z myślą o wszystkich projektantach i programistach stron internetowych, którzy chcą szybko rozpocząć pracę z biblioteką jQuery. Pierwsza część książki dokładnie omawia bibliotekę jQuery, korzyści płynące z jej użycia oraz strategię progresywnego rozszerzania.

Wnikliwie przedstawia też sposób instalowania i przygotowywania biblioteki jQuery do natychmiastowego użycia. W drugiej części podręcznika krok po kroku omówiono korzystanie z selektorów oraz pracę ze zdarzeniami i efektami ? wszystko po to, aby zapewnić Ci solidne podwaliny pod tworzenie własnej witryny i komponentów interfejsu użytkownika. Kolejne części publikacji koncentrują się na wykorzystaniu biblioteki jQuery do usprawnienia sprawdzania poprawności formularzy, tworzeniu dodatków oraz pracy z aplikacjami mobilnymi jQuery.

W książce omówiono m.in. następujące zagadnienia:

  • Podstawy biblioteki jQuery
  • Żądania Ajax
  • Zdarzenia i efekty
  • Przetwarzanie modelu DOM z kursami poświęconymi takim czynnościom jak tworzenie menu rozwijanego
  • Ramki nakładane galerii
  • Zarządzanie formularzami
  • Dane tabel dynamicznych
  • Efekty zdarzeń myszy
  • Modalne okna dialogowe
  • Niestandardowe dodatki biblioteki jQuery

Część I: Biblioteka jQuery i język JavaScript - wprowadzenie (15)

Rozdział 1. Biblioteka jQuery - wprowadzenie (17)

  • Poznawanie bibliotek języka JavaScript (18)
    • Korzyści wynikające z użycia biblioteki języka JavaScript w porównaniu z podejściem tradycyjnym (18)
    • Główni gracze w branży bibliotek (19)
    • Korzyści oferowane przez bibliotekę jQuery (22)

Rozdział 2. Biblioteka jQuery - pierwsze kroki (31)

  • Konfigurowanie środowiska programistycznego (32)
    • Zastosowanie rozszerzenia Firebug w przeglądarce Firefox (33)
  • Pobieranie biblioteki jQuery (39)
  • Dołączanie biblioteki jQuery do strony internetowej (42)
  • Opakowanie biblioteki jQuery (44)
    • Uruchamianie kodu poza programem obsługi zdarzenia document.ready() (46)
    • Zapobieganie konfliktom z innymi bibliotekami (47)
    • Użycie kodu JavaScript razem z biblioteką jQuery (47)

Część II: Biblioteka jQuery - podstawy (49)

Rozdział 3. Używanie selektorów, filtrów i stylów CSS: fundamenty biblioteki jQuery (51)

  • Praca z elementami modelu DOM przy użyciu selektorów jQuery (52)
    • Wybieranie elementów strony przy użyciu selektorów CSS (53)
  • Filtrowanie elementów modelu DOM przy użyciu filtrów selektorów jQuery (65)
    • Zastosowanie definicji filtrów podstawowych (66)
    • Tworzenie tabel z naprzemiennie rozjaśnianymi wierszami przy użyciu filtrów even i odd (67)
    • Użycie stylu dla pierwszej i ostatniej pozycji listy lub kolekcji elementów (68)
    • Filtrowanie elementów zawierających konkretny element (70)
    • Filtrowanie elementów, które nie zawierają żadnego elementu ani tekstu (71)
    • Filtrowanie elementów zawierających tekst (72)
  • Wybieranie elementów w modelu DOM według ich atrybutów (74)
    • Wybieranie odnośników zawierających adres konkretnej witryny internetowej (74)
    • Wybieranie wszystkich elementów zakończonych konkretnym słowem (76)
    • Modyfikowanie kodu HTML i CSS przy użyciu biblioteki jQuery (77)
    • Dodawanie, usuwanie, klonowanie i zastępowanie elementów i treści modelu DOM (77)
    • Praca ze stylami CSS i biblioteką jQuery (82)

Rozdział 4. Praca ze zdarzeniami (85)

  • Zdarzenia biblioteki jQuery (86)
  • Praca ze zdarzeniami dokumentów i okien (87)
    • Wykrywanie całkowitego załadowania modelu DOM przy użyciu zdarzenia ready() (87)
    • Wstępne ładowanie obrazów przy użyciu zdarzenia load() (88)
    • Wyświetlanie alertu w momencie opuszczania strony przez użytkownika (90)
    • Wyświetlanie pomocniczego obrazu przy użyciu zdarzenia błędu (92)
  • Delegowanie zdarzeń - wprowadzenie (92)
    • Użycie metody bind do dowiązania programu obsługi zdarzenia do elementu (93)
    • Użycie metody live do dowiązania programu obsługi zdarzenia do elementu (95)
    • Użycie metody delegate do dowiązania programu obsługi zdarzenia do elementu (96)
  • Przechwytywanie zdarzeń myszy (97)
    • Dodawanie treści do strony i usuwanie jej przez kliknięcie przycisku myszy (97)
    • Działanie zdarzenia double-click (100)
    • Tworzenie podpowiedzi wyświetlającej treść po wystąpieniu zdarzenia hover (101)
    • Tworzenie podstawowej funkcji dodawania do koszyka przy użyciu zdarzeń mousedown i mouseup (106)
    • Tworzenie efektu podmieniania dla przycisku z obrazami (109)
  • Przechwytywanie zdarzeń formularza (111)
    • Dodawanie ramki do pola formularza w momencie aktywowania tego pola przez użytkownika (112)
    • Wyświetlanie komunikatu po opuszczeniu przez użytkownika pola danych wejściowych (112)
  • Przechwytywanie zdarzeń klawiatury (113)

Rozdział 5. Ożywianie witryny internetowej przy użyciu efektów (117)

  • Poznawanie możliwości efektów jQuery (118)
  • Użycie efektów pokazywania i ukrywania (119)
    • Konfigurowanie komunikatu wyświetlanego jednokrotnie w witrynie przy użyciu metody show i informacji cookie (121)
    • Przełączanie się między efektami show i hide (124)
  • Przesuwanie elementów w górę i w dół (125)
  • Wyświetlanie alternatywnych opcji wyszukiwania przy użyciu metody slideToggle (126)
  • Znikanie elementów (128)
  • Tworzenie prostej galerii obrazów przy użyciu przejścia z efektem znikania (129)
  • Zastosowanie opóźnienia w celu utworzenia zsynchronizowanej animacji (133)
  • Łańcuchowe łączenie wielu efektów (135)
  • Tworzenie paska kanału informacyjnego przy użyciu wielu efektów (136)
  • Tworzenie zaawansowanych animacji (140)
    • Tworzenie galerii obrazów z nagłówkami tekstowymi przy użyciu zaawansowanych animacji (140)
    • Dodatkowe efekty przenikania oferowane przez dodatek Easing biblioteki jQuery (149)

Część III: Zastosowanie biblioteki jQuery w witrynie internetowej (151)

Rozdział 6. Usprawnianie nawigacji: menu, karty i harmonijki (153)

  • Ustawianie wszystkich odnośników na stronie w celu otwierania nowego okna (154)
  • Ustawianie aktywnej pozycji w menu nawigacyjnym (155)
  • Tworzenie prostego menu rozwijanego (157)
    • Dodawanie zaawansowanych efektów do podstawowego menu rozwijanego za pomocą metody animate (163)
  • Tworzenie menu harmonijkowego (165)
  • Tworzenie treści z kartami (172)

Rozdział 7. Tworzenie interaktywnych i ekscytujących tabel (181)

  • Określanie stylów dla danych w tabelach przy użyciu kodu CSS (182)
    • Dodawanie naprzemiennego kolorowania wierszy przy użyciu filtrów (183)
    • Użycie dla wierszy prostego efektu hover (185)
    • Użycie dla wierszy zaawansowanego efektu hover (186)
  • Przetwarzanie danych w tabelach (187)
    • Dodawanie komunikatu po pierwszym/ostatnim wierszu tabeli (189)
    • Usuwanie wiersza przy użyciu selektora filtru (191)
    • Dodawanie wiersza po wierszu na podstawie jego wartości indeksu (192)
    • Usuwanie wiersza na podstawie jego wartości indeksu (192)
    • Dodawanie komunikatu po wierszach z określoną treścią (192)
    • Usuwanie wiersza na podstawie jego treści (193)
  • Konfigurowanie paginacji tabeli przy użyciu biblioteki jQuery (194)
  • Tworzenie zaawansowanych tabel przy użyciu dodatków biblioteki jQuery (200)
    • Sortowanie wierszy przy użyciu dodatku tablesorter (200)
    • Zmiana domyślnej kolejności sortowania (203)
    • Tworzenie atrakcyjnych wykresów z danymi tabelarycznymi przy użyciu dodatku Visualize (204)
    • Tworzenie wykresu słupkowego (205)

Rozdział 8. Tworzenie zaawansowanych formularzy przy użyciu biblioteki jQuery (209)

  • Aktywowanie pola danych wejściowych po załadowaniu strony (210)
  • Wyłączanie i włączanie elementów formularza (211)
  • Wyróżnianie bieżących pól formularza (212)
  • Określanie tekstu domyślnego pól danych wejściowych (214)
  • Ograniczanie liczby znaków w polach danych wejściowych (217)
  • Tworzenie odnośnika pola wyboru Zaznacz wszystkie (219)
  • Uzyskiwanie wartości pola danych wejściowych (221)
  • Pobieranie wartości opcji wyboru (223)
  • Dodawanie do formularza prostego mechanizmu sprawdzania poprawności adresu e-mail (224)
  • Kopiowanie zawartości jednego pola do drugiego (229)
  • Rozszerzanie formularzy przy użyciu dodatków (232)
    • Zastosowanie dodatku qTip w witrynie internetowej (233)
    • Tworzenie prostego pola formularza dodatku qTip przy użyciu atrybutu title (234)
    • Użycie dodatku Validate biblioteki jQuery do sprawdzania poprawności formularzy (235)
    • Użycie prostego sprawdzania poprawności dla formularza kontaktowego (237)
    • Dodawanie zaawansowanych reguł sprawdzania poprawności i komunikatów do formularza kontaktowego (240)

Część IV: Poznawanie zaawansowanych możliwości biblioteki jQuery (245)

Rozdział 9. Praca z danymi dynamicznymi i technologią Ajax (247)

  • Poznawanie technologii Ajax (248)
  • Ładowanie treści dynamicznej strony internetowej (250)
    • Ładowanie całej treści (250)
    • Obsługa błędów w przypadku braku ładowanej treści (252)
    • Ładowanie sekcji treści (254)
  • Wysyłanie formularzy przy użyciu żądań GET i POST (256)
    • Użycie żądania POST do wysyłania formularzy kontaktowych bez ponownego ładowania strony (258)
  • Praca z danymi XML (262)
  • Analiza składniowa wewnętrznych danych XML i tworzenie kodu HTML (264)
  • Praca z danymi JSON (267)
  • Pobieranie wewnętrznych danych JSON i tworzenie kodu HTML (269)
  • Tworzenie widżetu użytkownika w witrynie Delicious z zastosowaniem odbierania danych JSONP z żądań API (271)
  • Tworzenie widżetu najważniejszych przeglądów witryny Yelp przy użyciu kodu JSONP za pośrednictwem interfejsu API witryny Yelp (278)
    • Proces uzyskiwania klucza interfejsu API witryny Yelp (279)
    • Użycie interfejsu API witryny Yelp do wyświetlania przeglądów na podstawie numerów telefonów (282)

Rozdział 10. Tworzenie i używanie dodatków biblioteki jQuery (289)

  • Czym są dodatki? (290)
  • Zastosowanie dodatku biblioteki jQuery we własnej witrynie internetowej (291)
  • Zastosowanie biblioteki jQuery UI we własnej witrynie internetowej (292)
    • Pobieranie biblioteki jQuery UI (293)
    • Dodawanie biblioteki jQuery UI do własnej witryny (293)
    • Zasady działania widżetów biblioteki jQuery UI (294)
    • Dostosowywanie projektu biblioteki jQuery UI (295)
    • Tworzenie kompozycji interfejsu użytkownika za pomocą aplikacji ThemeRoller (297)
    • Korzystanie z kompozycji biblioteki jQuery UI (299)
    • Uwzględnienie funkcji biblioteki jQuery UI we własnej witrynie internetowej (300)
  • Wykorzystanie popularnych dodatków biblioteki jQuery we własnej witrynie internetowej (308)
    • Używanie biblioteki jQuery Tools (309)
    • Fancybox (313)
  • Tworzenie pierwszego własnego dodatku biblioteki jQuery (315)
    • Przygotowywanie planu dodatku (316)
    • Struktura dodatku (316)
    • Ustawianie opcji dodatku (317)
    • Tworzenie dodatku (318)
  • Dystrybuowanie dodatku biblioteki jQuery (324)
    • Przygotowanie pakietu dodatku biblioteki jQuery do dystrybucji (325)
    • Zamieszczanie dodatku w witrynach internetowych (325)

Rozdział 11. Programowanie przy użyciu biblioteki jQuery dla mobilnych aplikacji internetowych (327)

  • Tworzenie mobilnej aplikacji internetowej przy użyciu biblioteki jQuery (328)
  • Przeglądarki mobilne (329)
    • CSS3 (330)
    • HTML5 (331)
    • Przygotowanie się do rozpoczęcia projektowania mobilnej aplikacji internetowej (332)
    • Korzystanie z mobilnej przeglądarki Apple iPhone Safari (333)
    • Korzystanie z przeglądarki Google Android (334)
    • Wyświetlanie treści na podstawie tego, z jakiego smartfonu korzysta użytkownik (336)
    • Tworzenie mobilnych witryn i aplikacji internetowych za pomocą biblioteki jQuery (337)
  • Ogólny przegląd dodatku jQuery Mobile (337)
  • Mobilne struktury programistyczne (337)
    • Korzystanie ze struktury Appcelerator Titanium Mobile (338)
    • Korzystanie z dodatku jQTouch (339)

Rozdział 12. Wyszukiwanie zasobów dotyczących biblioteki jQuery (341)

  • Obserwowany wzrost popularności biblioteki jQuery (342)
  • Korzystanie z witryny internetowej biblioteki jQuery (343)
    • Praca z dokumentacją interfejsu API (344)
    • Znajdowanie kursów dotyczących biblioteki jQuery (345)
    • Udział w spotkaniu lub konferencji dotyczącej biblioteki jQuery (345)
    • Umieszczanie błędów w sekcji Bug Tracker (348)
    • Uczestniczenie w forum poświęconym bibliotece jQuery (348)
  • Inne zasoby dotyczące projektowania i programowania witryn internetowych (349)

Skorowidz (351)

  • Title: Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine
  • Author: Jake Rutter
  • Original title: Smashing jQuery (Smashing Magazine Book Series)
  • Translation: Piotr Pilch
  • ISBN: 978-83-246-3838-3, 9788324638383
  • Date of issue: 2012-06-20
  • Format: Ebook
  • Item ID: pjqiii
  • Publisher: Helion