Podręcznik jQuery. Interaktywne interfejsy internetowe. Smashing Magazine

✍ Scribed by Jake Rutter

• Publisher: Helion
• Year: 2011
• Tongue: Polish
• Leaves: 362
• Category: Library

✦ Synopsis

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

✦ Table of Contents

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