Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine - ebook
Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine - 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
Spis treści
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)
Kategoria: | Programowanie |
Zabezpieczenie: |
Watermark
|
ISBN: | 978-83-246-3838-3 |
Rozmiar pliku: | 19 MB |