podrecznik-jquery.-interaktywne-interfejsy-internetowe.-smashing-magazine helion.pdf

Spis treści

CZĘŚĆ I

BIBLIOTEKA JQUERY I JĘZYK JAVASCRIPT

— WPROWADZENIE

Rozdział 1

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

Rozdział 2

Biblioteka jQuery — pierwsze kroki

Konfigurowanie środowiska programistycznego

Zastosowanie rozszerzenia Firebug w przeglądarce Firefox

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

CZĘŚĆ II BIBLIOTEKA JQUERY — PODSTAWY

Rozdział 3

Używanie selektorów, filtrów i stylów CSS: fundamenty biblioteki jQuery

Praca z elementami modelu DOM przy użyciu selektorów jQuery

Wybieranie elementów strony przy użyciu selektorów CSS

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

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

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

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

Przechwytywanie zdarzeń myszy

Dodawanie treści do strony i usuwanie jej przez kliknięcie przycisku myszy

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

SPIS TREŚCI

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

SPIS TREŚCI

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: