Podrecznik_jQuery_Interaktywne_interfejsy_internetowe_Smashing_Magazine_pjqiii.pdf

(976 KB) Pobierz
Idź do
• Spis treści
• Przykładowy rozdział
• Skorowidz
Katalog książek
• Katalog online
• Zamów drukowany
katalog
Twój koszyk
• Dodaj do koszyka
Cennik i informacje
• Zamów informacje
o nowościach
• Zamów cennik
Czytelnia
• Fragmenty książek
online
Podrecznik jQuery. Interaktywne
interfejsy internetowe.
Smashing Magazine
Autor:
Jake Rutter
Tłumaczenie: Piotr Pilch
ISBN: 978-83-246-3316-6
Tytuł oryginału:
Smashing jQuery (Smashing Magazine Book Series)
Format: 168×237, stron: 360
Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
© Helion 1991–2011
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 oraz zdarzenia i efekty
• Przetwarzanie modelu DOM z kursami poświęconymi takim czynnościom jak
tworzeniemenu 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
Rozdział 1
BIBLIOTEKA JQUERY I JĘZYK JAVASCRIPT
— WPROWADZENIE
Biblioteka jQuery — wprowadzenie
Poznawanie bibliotek języka JavaScript
Korzyści wynikające z użycia biblioteki języka JavaScript
w porównaniu z podejściem tradycyjnym
Główni gracze w branży bibliotek
Korzyści oferowane przez bibliotekę jQuery
15
17
18
18
19
22
Rozdział 2
Biblioteka jQuery — pierwsze kroki
Konfigurowanie środowiska programistycznego
Zastosowanie rozszerzenia Firebug w przeglądarce Firefox
31
32
33
Pobieranie biblioteki jQuery
Dołączanie biblioteki jQuery do strony internetowej
Opakowanie biblioteki jQuery
Uruchamianie kodu poza programem obsługi zdarzenia document.ready()
Zapobieganie konfliktom z innymi bibliotekami
Użycie kodu JavaScript razem z biblioteką jQuery
39
42
44
46
47
47
CZĘŚĆ II BIBLIOTEKA JQUERY — PODSTAWY
Rozdział 3
49
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
Zastosowanie definicji filtrów podstawowych
Tworzenie tabel z naprzemiennie rozjaśnianymi wierszami przy użyciu filtrów even i odd
Użycie stylu dla pierwszej i ostatniej pozycji listy lub kolekcji elementów
Filtrowanie elementów zawierających konkretny element
Filtrowanie elementów, które nie zawierają żadnego elementu ani tekstu
Filtrowanie elementów zawierających tekst
65
66
67
68
70
71
72
Wybieranie elementów w modelu DOM według ich atrybutów
Wybieranie odnośników zawierających adres konkretnej witryny internetowej
Wybieranie wszystkich elementów zakończonych konkretnym słowem
Modyfikowanie kodu HTML i CSS przy użyciu biblioteki jQuery
Dodawanie, usuwanie, klonowanie i zastępowanie elementów i treści modelu DOM
Praca ze stylami CSS i biblioteką jQuery
74
74
76
77
77
82
SPIS TREŚCI
Rozdział 4
Praca ze zdarzeniami
Zdarzenia biblioteki jQuery
Praca ze zdarzeniami dokumentów i okien
Wykrywanie całkowitego załadowania modelu DOM
przy użyciu zdarzenia ready()
Wstępne ładowanie obrazów przy użyciu zdarzenia load()
Wyświetlanie alertu w momencie opuszczania strony przez użytkownika
Wyświetlanie pomocniczego obrazu przy użyciu zdarzenia błędu
85
86
87
87
88
90
92
Delegowanie zdarzeń — wprowadzenie
Użycie metody bind do dowiązania programu obsługi zdarzenia do elementu
Użycie metody live do dowiązania programu obsługi zdarzenia do elementu
Użycie metody delegate do dowiązania programu obsługi zdarzenia do elementu
92
93
95
96
Przechwytywanie zdarzeń myszy
Dodawanie treści do strony i usuwanie jej przez kliknięcie przycisku myszy
Działanie zdarzenia double-click
Tworzenie podpowiedzi wyświetlającej treść po wystąpieniu zdarzenia hover
Tworzenie podstawowej funkcji dodawania do koszyka
przy użyciu zdarzeń mousedown i mouseup
Tworzenie efektu podmieniania dla przycisku z obrazami
97
97
100
101
106
109
Przechwytywanie zdarzeń formularza
Dodawanie ramki do pola formularza w momencie aktywowania tego pola
przez użytkownika
Wyświetlanie komunikatu po opuszczeniu przez użytkownika
pola danych wejściowych
111
112
112
8
Rozdział 5
Przechwytywanie zdarzeń klawiatury
Ożywianie witryny internetowej przy użyciu efektów
Poznawanie możliwości efektów jQuery
Użycie efektów pokazywania i ukrywania
Konfigurowanie komunikatu wyświetlanego jednokrotnie w witrynie
przy użyciu metody show i informacji cookie
Przełączanie się między efektami show i hide
113
117
118
119
121
124
Przesuwanie elementów w górę i w dół
Wyświetlanie alternatywnych opcji wyszukiwania
przy użyciu metody slideToggle
Znikanie elementów
Tworzenie prostej galerii obrazów przy użyciu przejścia z efektem znikania
Zastosowanie opóźnienia w celu utworzenia zsynchronizowanej animacji
Łańcuchowe łączenie wielu efektów
Tworzenie paska kanału informacyjnego przy użyciu wielu efektów
Tworzenie zaawansowanych animacji
Tworzenie galerii obrazów z nagłówkami tekstowymi
przy użyciu zaawansowanych animacji
Dodatkowe efekty przenikania oferowane przez dodatek Easing biblioteki jQuery
125
126
128
129
133
135
136
140
140
149
SPIS TREŚCI
CZĘŚĆ III ZASTOSOWANIE BIBLIOTEKI JQUERY
W WITRYNIE INTERNETOWEJ
Rozdział 6
Usprawnianie nawigacji: menu, karty i harmonijki
Ustawianie wszystkich odnośników na stronie
w celu otwierania nowego okna
Ustawianie aktywnej pozycji w menu nawigacyjnym
Tworzenie prostego menu rozwijanego
Dodawanie zaawansowanych efektów do podstawowego menu rozwijanego
za pomocą metody animate
151
153
154
155
157
163
Tworzenie menu harmonijkowego
Tworzenie treści z kartami
Rozdział 7
Tworzenie interaktywnych i ekscytujących tabel
Określanie stylów dla danych w tabelach przy użyciu kodu CSS
Dodawanie naprzemiennego kolorowania wierszy przy użyciu filtrów
Użycie dla wierszy prostego efektu hover
Użycie dla wierszy zaawansowanego efektu hover
165
172
181
182
183
185
186
Przetwarzanie danych w tabelach
Dodawanie komunikatu po pierwszym/ostatnim wierszu tabeli
Usuwanie wiersza przy użyciu selektora filtru
Dodawanie wiersza po wierszu na podstawie jego wartości indeksu
Usuwanie wiersza na podstawie jego wartości indeksu
Dodawanie komunikatu po wierszach z określoną treścią
Usuwanie wiersza na podstawie jego treści
187
189
191
192
192
192
193
9
Konfigurowanie paginacji tabeli przy użyciu biblioteki jQuery
Tworzenie zaawansowanych tabel przy użyciu dodatków biblioteki jQuery
Sortowanie wierszy przy użyciu dodatku tablesorter
Zmiana domyślnej kolejności sortowania
Tworzenie atrakcyjnych wykresów z danymi tabelarycznymi
przy użyciu dodatku Visualize
Tworzenie wykresu słupkowego
194
200
200
203
204
205
Rozdział 8
Tworzenie zaawansowanych formularzy przy użyciu biblioteki jQuery
Aktywowanie pola danych wejściowych po załadowaniu strony
Wyłączanie i włączanie elementów formularza
Wyróżnianie bieżących pól formularza
Określanie tekstu domyślnego pól danych wejściowych
Ograniczanie liczby znaków w polach danych wejściowych
Tworzenie odnośnika pola wyboru Zaznacz wszystkie
Uzyskiwanie wartości pola danych wejściowych
Pobieranie wartości opcji wyboru
Dodawanie do formularza prostego mechanizmu
sprawdzania poprawności adresu e-mail
Kopiowanie zawartości jednego pola do drugiego
209
210
211
212
214
217
219
221
223
224
229

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin