Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine

Description

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......Page 7 CZĘŚĆ I BIBLIOTEKA JQUERY I JĘZYK JAVASCRIPT— WPROWADZENIE......Page 15 Rozdział 1. Biblioteka jQuery — wprowadzenie......Page 17 Korzyści wynikające z użycia biblioteki języka JavaScriptw porównaniu z podejściem tradycyjnym......Page 18 Główni gracze w branży bibliotek......Page 19 Korzyści oferowane przez bibliotekę jQuery......Page 22 Rozdział 2. Biblioteka jQuery — pierwsze kroki......Page 31 Konfigurowanie środowiska programistycznego......Page 32 Zastosowanie rozszerzenia Firebug w przeglądarce Firefox......Page 33 Pobieranie biblioteki jQuery......Page 39 Dołączanie biblioteki jQuery do strony internetowej......Page 42 Opakowanie biblioteki jQuery......Page 44 Uruchamianie kodu poza programem obsługi zdarzenia document.ready()......Page 46 Użycie kodu JavaScript razem z biblioteką jQuery......Page 47 CZĘŚĆ II BIBLIOTEKA JQUERY — PODSTAWY......Page 49 Rozdział 3. Używanie selektorów, filtrów i stylów CSS: fundamenty biblioteki jQuery......Page 51 Praca z elementami modelu DOM przy użyciu selektorów jQuery......Page 52 Wybieranie elementów strony przy użyciu selektorów CSS......Page 53 Filtrowanie elementów modelu DOM przy użyciu filtrów selektorów jQuery......Page 65 Zastosowanie definicji filtrów podstawowych......Page 66 Tworzenie tabel z naprzemiennie rozjaśnianymi wierszami przy użyciu filtrów even i odd......Page 67 Użycie stylu dla pierwszej i ostatniej pozycji listy lub kolekcji elementów......Page 68 Filtrowanie elementów zawierających konkretny element......Page 70 Filtrowanie elementów, które nie zawierają żadnego elementu ani tekstu......Page 71 Filtrowanie elementów zawierających tekst......Page 72 Wybieranie odnośników zawierających adres konkretnej witryny internetowej......Page 74 Wybieranie wszystkich elementów zakończonych konkretnym słowem......Page 76 Dodawanie, usuwanie, klonowanie i zastępowanie elementów i treści modelu DOM......Page 77 Praca ze stylami CSS i biblioteką jQuery......Page 82 Rozdział 4. Praca ze zdarzeniami......Page 85 Zdarzenia biblioteki jQuery......Page 86 Wykrywanie całkowitego załadowania modelu DOM przy użyciu zdarzenia ready()......Page 87 Wstępne ładowanie obrazów przy użyciu zdarzenia load()......Page 88 Wyświetlanie alertu w momencie opuszczania strony przez użytkownika......Page 90 Delegowanie zdarzeń — wprowadzenie......Page 92 Użycie metody bind do dowiązania programu obsługi zdarzenia do elementu......Page 93 Użycie metody live do dowiązania programu obsługi zdarzenia do elementu......Page 95 Użycie metody delegate do dowiązania programu obsługi zdarzenia do elementu......Page 96 Dodawanie treści do strony i usuwanie jej przez kliknięcie przycisku myszy......Page 97 Działanie zdarzenia double-click......Page 100 Tworzenie podpowiedzi wyświetlającej treść po wystąpieniu zdarzenia hover......Page 101 Tworzenie podstawowej funkcji dodawania do koszyka przy użyciu zdarzeń mousedown i mouseup......Page 106 Tworzenie efektu podmieniania dla przycisku z obrazami......Page 109 Przechwytywanie zdarzeń formularza......Page 111 Wyświetlanie komunikatu po opuszczeniu przez użytkownika pola danych wejściowych......Page 112 Przechwytywanie zdarzeń klawiatury......Page 113 Rozdział 5. Ożywianie witryny internetowej przy użyciu efektów......Page 117 Poznawanie możliwości efektów jQuery......Page 118 Użycie efektów pokazywania i ukrywania......Page 119 Konfigurowanie komunikatu wyświetlanego jednokrotnie w witrynie przy użyciu metody show i informacji cookie......Page 121 Przełączanie się między efektami show i hide......Page 124 Przesuwanie elementów w górę i w dół......Page 125 Wyświetlanie alternatywnych opcji wyszukiwania przy użyciu metody slideToggle......Page 126 Znikanie elementów......Page 128 Tworzenie prostej galerii obrazów przy użyciu przejścia z efektem znikania......Page 129 Zastosowanie opóźnienia w celu utworzenia zsynchronizowanej animacji......Page 133 Łańcuchowe łączenie wielu efektów......Page 135 Tworzenie paska kanału informacyjnego przy użyciu wielu efektów......Page 136 Tworzenie galerii obrazów z nagłówkami tekstowymi przy użyciu zaawansowanych animacji......Page 140 Dodatkowe efekty przenikania oferowane przez dodatek Easing biblioteki jQuery......Page 149 CZĘŚĆ III ZASTOSOWANIE BIBLIOTEKI JQUERY W WITRYNIE INTERNETOWEJ......Page 151 Rozdział 6. Usprawnianie nawigacji: menu, karty i harmonijki......Page 153 Ustawianie wszystkich odnośników na stronie w celu otwierania nowego okna......Page 154 Ustawianie aktywnej pozycji w menu nawigacyjnym......Page 155 Tworzenie prostego menu rozwijanego......Page 157 Dodawanie zaawansowanych efektów do podstawowego menu rozwijanego za pomocą metody animate......Page 163 Tworzenie menu harmonijkowego......Page 165 Tworzenie treści z kartami......Page 172 Rozdział 7. Tworzenie interaktywnych i ekscytujących tabel......Page 181 Określanie stylów dla danych w tabelach przy użyciu kodu CSS......Page 182 Dodawanie naprzemiennego kolorowania wierszy przy użyciu filtrów ......Page 183 Użycie dla wierszy prostego efektu hover......Page 185 Użycie dla wierszy zaawansowanego efektu hover......Page 186 Przetwarzanie danych w tabelach......Page 187 Dodawanie komunikatu po pierwszym/ostatnim wierszu tabeli......Page 189 Usuwanie wiersza przy użyciu selektora filtru......Page 191 Dodawanie komunikatu po wierszach z określoną treścią......Page 192 Usuwanie wiersza na podstawie jego treści......Page 193 Konfigurowanie paginacji tabeli przy użyciu biblioteki jQuery......Page 194 Sortowanie wierszy przy użyciu dodatku tablesorter......Page 200 Zmiana domyślnej kolejności sortowania......Page 203 Tworzenie atrakcyjnych wykresów z danymi tabelarycznymi przy użyciu dodatku Visualize......Page 204 Tworzenie wykresu słupkowego......Page 205 Rozdział 8. Tworzenie zaawansowanych formularzy przy użyciu biblioteki jQuery......Page 209 Aktywowanie pola danych wejściowych po załadowaniu strony......Page 210 Wyłączanie i włączanie elementów formularza......Page 211 Wyróżnianie bieżących pól formularza......Page 212 Określanie tekstu domyślnego pól danych wejściowych......Page 214 Ograniczanie liczby znaków w polach danych wejściowych......Page 217 Tworzenie odnośnika pola wyboru Zaznacz wszystkie......Page 219 Uzyskiwanie wartości pola danych wejściowych......Page 221 Pobieranie wartości opcji wyboru......Page 223 Dodawanie do formularza prostego mechanizmu sprawdzania poprawności adresu e-mail......Page 224 Kopiowanie zawartości jednego pola do drugiego......Page 229 Rozszerzanie formularzy przy użyciu dodatków......Page 232 Zastosowanie dodatku qTip w witrynie internetowej......Page 233 Tworzenie prostego pola formularza dodatku qTip przy użyciu atrybutu title......Page 234 Użycie dodatku Validate biblioteki jQuery do sprawdzania poprawności formularzy......Page 235 Użycie prostego sprawdzania poprawności dla formularza kontaktowego......Page 236 Dodawanie zaawansowanych reguł sprawdzania poprawności i komunikatówdo formularza kontaktowego......Page 240 CZĘŚĆ IV POZNAWANIE ZAAWANSOWANYCH MOŻLIWOŚCIBIBLIOTEKI JQUERY......Page 245 Rozdział 9. Praca z danymi dynamicznymi i technologią Ajax......Page 247 Poznawanie technologii Ajax......Page 248 Ładowanie całej treści......Page 250 Obsługa błędów w przypadku braku ładowanej treści......Page 252 Ładowanie sekcji treści......Page 254 Wysyłanie formularzy przy użyciu żądań GET i POST......Page 256 Użycie żądania POST do wysyłania formularzy kontaktowych bez ponownego ładowania strony......Page 258 Praca z danymi XML......Page 262 Analiza składniowa wewnętrznych danych XML i tworzenie kodu HTML......Page 264 Praca z danymi JSON......Page 267 Pobieranie wewnętrznych danych JSON i tworzenie kodu HTML......Page 269 Tworzenie widżetu użytkownika w witrynie Delicious z zastosowaniemodbierania danych JSONP z żądań API......Page 271 Tworzenie widżetu najważniejszych przeglądów witryny Yelpprzy użyciu kodu JSONP za pośrednictwem interfejsu API witryny Yelp......Page 278 Proces uzyskiwania klucza interfejsu API witryny Yelp......Page 279 Użycie interfejsu API witryny Yelp do wyświetlania przeglądówna podstawie numerów telefonów......Page 282 Rozdział 10. Tworzenie i używanie dodatków biblioteki jQuery......Page 289 Czym są dodatki?......Page 290 Zastosowanie dodatku biblioteki jQuery we własnej witrynie internetowej......Page 291 Zastosowanie biblioteki jQuery UI we własnej witrynie internetowej......Page 292 Dodawanie biblioteki jQuery UI do własnej witryny......Page 293 Zasady działania widżetów biblioteki jQuery UI......Page 294 Dostosowywanie projektu biblioteki jQuery UI......Page 295 Tworzenie kompozycji interfejsu użytkownika za pomocą aplikacji ThemeRoller......Page 297 Korzystanie z kompozycji biblioteki jQuery UI......Page 299 Uwzględnienie funkcji biblioteki jQuery UI we własnej witrynie internetowej......Page 300 Wykorzystanie popularnych dodatków biblioteki jQuery we własnej witrynie internetowej......Page 308 Używanie biblioteki jQuery Tools......Page 309 Fancybox......Page 313 Tworzenie pierwszego własnego dodatku biblioteki jQuery......Page 315 Struktura dodatku......Page 316 Ustawianie opcji dodatku......Page 317 Tworzenie dodatku......Page 318 Dystrybuowanie dodatku biblioteki jQuery......Page 324 Zamieszczanie dodatku w witrynach internetowych......Page 325 Rozdział 11. Programowanie przy użyciu biblioteki jQuerydla mobilnych aplikacji internetowych......Page 327 Tworzenie mobilnej aplikacji internetowej przy użyciu biblioteki jQuery......Page 328 Przeglądarki mobilne......Page 329 CSS3......Page 330 HTML5......Page 331 Przygotowanie się do rozpoczęcia projektowania mobilnej aplikacji internetowej......Page 332 Korzystanie z mobilnej przeglądarki Apple iPhone Safari......Page 333 Korzystanie z przeglądarki Google Android......Page 334 Wyświetlanie treści na podstawie tego, z jakiego smartfonu korzysta użytkownik......Page 336 Mobilne struktury programistyczne......Page 337 Korzystanie ze struktury Appcelerator Titanium Mobile......Page 338 Korzystanie z dodatku jQTouch......Page 339 Rozdział 12. Wyszukiwanie zasobów dotyczących biblioteki jQuery......Page 341 Obserwowany wzrost popularności biblioteki jQuery......Page 342 Korzystanie z witryny internetowej biblioteki jQuery......Page 343 Praca z dokumentacją interfejsu API......Page 344 Udział w spotkaniu lub konferencji dotyczącej biblioteki jQuery......Page 345 Uczestniczenie w forum poświęconym bibliotece jQuery......Page 348 Inne zasoby dotyczące projektowania i programowania witryn internetowych ......Page 349 Skorowidz......Page 351