JavaScript_Nieoficjalny_podrecznik_jascnp.pdf

(908 KB) Pobierz
JavaScript.
Nieoficjalny podrêcznik
Autor:
David Sawyer McFarland
T³umaczenie: Tomasz Walczak
ISBN: 978-83-246-2166-8
Tytu³ orygina³u:
JavaScript: The Missing Manual
Format: 168237, stron: 520
Wykorzystaj mo¿liwoœci JavaScript!
• Jak rozpocz¹æ przygodê z JavaScript?
• Jak dynamicznie modyfikowaæ strony WWW?
• Jak wykorzystaæ mo¿liwoœci technologii AJAX?
JavaScript to obiektowy jêzyk programowania, który tchn¹³ ¿ycie w œwiat statycznych
stron WWW. Sprawdzanie poprawnoœci formularzy, animacje, interaktywnoœæ to tylko
niektóre z mo¿liwoœci tego jêzyka. Jednak to, co ostatecznie ugruntowa³o jego pozycjê,
to technologia AJAX. Dziêki niej strony internetowe mog¹ zachowywaæ siê tak, jak
standardowe aplikacje, znane z codziennej pracy. Warto zastanowiæ siê, czy wszystkie
mo¿liwoœci JavaScript zosta³y ju¿ odkryte? Mo¿e to w³aœnie Ty zastosujesz go
w nowatorski sposób? Pewne jest, ¿e ta ksi¹¿ka Ci w tym pomo¿e!
Ksi¹¿ka „JavaScript. Nieoficjalny podrêcznik” stanowi idealne Ÿród³o informacji na
temat programowania w jêzyku JavaScript. Na samym pocz¹tku poznasz jego sk³adniê,
typy danych oraz wszelkie elementy, które pozwol¹ Ci na swobodn¹ pracê. Po zaznajomieniu
siê z podstawami przejdziesz do bardziej zaawansowanych tematów. Nauczysz siê
dynamicznie modyfikowaæ strony WWW, obs³ugiwaæ zdarzenia, wykorzystywaæ
bibliotekê jQuery czy te¿ w efektowny sposób prezentowaæ zdjêcia. Ponadto zdobêdziesz
wiedzê na temat budowania przejrzystych formularzy, tworzenia ³atwego w obs³udze
interfejsu oraz sposobów wykorzystywania mo¿liwoœci technologii AJAX. Nie da siê
ukryæ, ¿e dziêki tej ksi¹¿ce Twoje strony WWW zyskaj¹ na atrakcyjnoœci!
• Narzêdzie do programowania w JavaScript
• Podstawy HTML oraz CSS
• Typowe konstrukcje jêzyka JavaScript
• Typy danych
• Wykorzystanie zmiennych
• Logika i struktury steruj¹ce
• Wykorzystanie modelu DOM
• Podstawy pracy z bibliotek¹ jQuery
• Obs³uga zdarzeñ
• Efekty zwi¹zane z rysunkami
• Wykorzystanie wtyczki lightBox
• Tworzenie przejrzystych i inteligentnych formularzy
• Kontrola poprawnoœci wprowadzanych danych
• Wykorzystanie technologii AJAX
• Zaawansowane zagadnienia, zwi¹zane z programowaniem w JavaScript
• Diagnoza i rozwi¹zywanie typowych problemów
Twórz atrakcyjne witryny WWW, korzystaj¹c z JavaScript!
Spis tre ci
Nieoficjalne podziñkowania ..............................................................................11
Wprowadzenie .................................................................................................. 15
Cz�½ ë I Wprowadzenie do j�½zyka JavaScript ...............................29
Rozdzia 1. Pierwszy program w jñzyku JavaScript ......................................... 31
Wprowadzenie do programowania ............................................................. 31
Czym jest program komputerowy? ......................................................... 33
Jak dodað kod JavaScript do strony? ........................................................... 34
Zewn trzne pliki JavaScript .................................................................... 35
Pierwszy program w j zyku JavaScript ....................................................... 38
Dodawanie tekstu do stron ........................................................................ 40
Do îczanie zewn trznych plików JavaScript .............................................. 41
Wykrywanie b dów .................................................................................. 44
Konsola JavaScript w przeglîdarce Firefox ............................................... 45
Wy wietlanie okna dialogowego b dów w Internet Explorerze ................ 47
Konsola b dów w przeglîdarce Safari ..................................................... 48
Rozdzia 2. Gramatyka jñzyka JavaScript ........................................................ 51
Instrukcje ................................................................................................. 51
Polecenia .................................................................................................. 52
Typy danych ............................................................................................. 52
Liczby .................................................................................................... 53
a cuchy znaków .................................................................................. 53
Warto ci logiczne ................................................................................... 54
Zmienne ................................................................................................... 55
Tworzenie zmiennych ............................................................................ 55
U ywanie zmiennych ............................................................................. 58
U ywanie typów danych i zmiennych ........................................................59
Podstawowe operacje matematyczne ......................................................59
Kolejno ð wykonywania operacji .............................................................60
îczenie a cuchów znaków ...................................................................61
îczenie liczb i a cuchów znaków .........................................................62
Zmienianie warto ci zmiennych .............................................................63
Przyk ad — u ywanie zmiennych do tworzenia komunikatów ....................64
Przyk ad — pobieranie informacji ...............................................................66
Tablice ......................................................................................................68
Tworzenie tablic .....................................................................................69
U ywanie elementów tablicy ..................................................................70
Dodawanie elementów do tablicy ............................................................72
Usuwanie elementów z tablicy ................................................................74
Dodawanie i usuwanie elementów za pomocî metody splice() .................75
Przyk ad — zapisywanie danych na stronie za pomocî tablic ......................78
Komentarze ...............................................................................................80
Kiedy u ywað komentarzy? .....................................................................82
Komentarze w tej ksiî ce ........................................................................82
Rozdzia 3. Dodawanie logiki i struktur sterujÝcych ...................................... 85
Programy reagujîce inteligentnie ...............................................................85
Podstawy instrukcji warunkowych ..........................................................87
Uwzgl dnianie planu awaryjnego ............................................................89
Sprawdzanie kilku warunków .................................................................90
Bardziej skomplikowane warunki ...........................................................91
Zagnie d anie instrukcji warunkowych ..................................................94
Wskazówki na temat pisania instrukcji warunkowych ............................94
Przyk ad — u ywanie instrukcji warunkowych ...........................................95
Obs uga powtarzajîcych si zada za pomocî p tli .....................................98
P tle while ..............................................................................................98
P tle i tablice ........................................................................................ 100
P tle for ................................................................................................ 102
P tle do-while ....................................................................................... 104
Funkcje — wielokrotne korzystanie z przydatnego kodu ........................... 105
Krótki przyk ad ..................................................................................... 107
Przekazywanie danych do funkcji ......................................................... 108
Pobieranie informacji z funkcji ............................................................. 110
Unikanie konfliktów mi dzy nazwami zmiennych ............................... 111
Przyk ad — prosty quiz ............................................................................. 113
Rozdzia 4. U ywanie s ów, liczb i dat ............................................................119
Krótka lekcja na temat obiektów .............................................................. 119
a cuchy znaków .................................................................................... 121
Okre lanie d ugo ci a cuchów znaków ................................................ 121
Zmiana wielko ci liter w a cuchach .................................................... 122
Przeszukiwanie a cuchów za pomocî metody indexOf() ...................... 123
Pobieranie fragmentów a cuchów za pomocî metody slice() ................ 124
4
SPIS TRE CI
Wyszukiwanie wzorców w a cuchach znaków ........................................ 125
Budowanie prostych wyra e regularnych i korzystanie z nich .............. 126
Tworzenie wyra e regularnych ........................................................... 127
Grupowanie cz ci wzorca .................................................................... 130
Przydatne wyra enia regularne ............................................................. 131
Dopasowywanie wzorców ..................................................................... 135
Zast powanie fragmentów tekstu ......................................................... 137
Testowanie wyra e regularnych .......................................................... 138
Liczby ..................................................................................................... 138
Przekszta canie a cucha znaków na liczb ........................................... 139
Sprawdzanie, czy zmienna zawiera liczb ............................................. 141
Zaokrîglanie liczb ................................................................................ 142
Formatowanie walut ............................................................................ 142
Tworzenie liczb losowych ..................................................................... 143
Data i czas .............................................................................................. 144
Pobieranie miesi cy .............................................................................. 145
Pobieranie dni tygodnia ........................................................................ 146
Pobieranie czasu .................................................................................. 146
Tworzenie daty ró nej od bie îcej ........................................................ 149
Przyk ad .................................................................................................. 150
Wprowadzenie ..................................................................................... 150
Tworzenie funkcji ................................................................................ 151
Rozdzia 5. Dynamiczne modyfikowanie stron WWW ................................. 157
Modyfikowanie stron WWW — wst p ...................................................... 157
Wprowadzenie do modelu DOM ............................................................. 159
Pobieranie elementów strony ............................................................... 160
Dodawanie zawarto ci do strony .......................................................... 164
Ksi ycowy quiz — wersja druga ........................................................... 165
Wady modelu DOM ............................................................................. 169
Biblioteki j zyka JavaScript ...................................................................... 170
Wprowadzenie do biblioteki jQuery ...................................................... 171
Pobieranie elementów strony — podej cie drugie ..................................... 173
Podstawowe selektory .......................................................................... 174
Selektory zaawansowane ...................................................................... 176
Filtry biblioteki jQuery ......................................................................... 179
Kolekcje elementów pobranych za pomocî jQuery ................................ 180
Dodawanie tre ci do stron ....................................................................... 182
Zast powanie i usuwanie pobranych elementów .................................. 184
Ustawianie i wczytywanie atrybutów ....................................................... 185
Klasy .................................................................................................... 185
Wczytywanie i modyfikowanie w a ciwo ci CSS ................................... 187
Jednoczesna zmiana wielu w a ciwo ci CSS .......................................... 188
Wczytywanie, ustawianie i usuwanie atrybutów HTML ........................... 189
Ciekawe nag ówki ................................................................................... 190
Obs uga wszystkich pobranych elementów .............................................. 192
Funkcje anonimowe ............................................................................. 193
SPIS TRE CI
5
Automatyczne ramki z cytatami .............................................................. 195
Omówienie przyk adu .......................................................................... 195
Tworzenie kodu ................................................................................... 197
Rozdzia 6. Akcja i reakcja — o ywianie stron za pomocÝ zdarze ............. 201
Czym sî zdarzenia? ................................................................................. 201
Zdarzenia zwiîzane z myszî ................................................................. 203
Zdarzenia zwiîzane z dokumentem i oknem ........................................ 204
Zdarzenia zwiîzane z formularzami ..................................................... 205
Zdarzenia zwiîzane z klawiaturî .......................................................... 206
îczenie zdarze z funkcjami .................................................................. 207
Zdarzenia wewnîtrzwierszowe ............................................................. 207
Model tradycyjny .................................................................................. 208
Wspó czesna technika .......................................................................... 209
Sposób specyficzny dla jQuery .............................................................. 210
Przyk ad — wyró nianie wierszy tabeli ..................................................... 212
Zdarzenia specyficzne dla biblioteki jQuery ............................................. 216
Oczekiwanie na wczytanie kodu HTML ............................................... 217
Zdarzenia biblioteki jQuery .................................................................. 219
Obiekt reprezentujîcy zdarzenie ........................................................... 221
Blokowanie standardowych reakcji na zdarzenia ................................... 221
Usuwanie zdarze ................................................................................ 222
Zaawansowane zarzîdzanie zdarzeniami .............................................. 224
Przyk ad — jednostronicowa lista FAQ ..................................................... 225
Omówienie zadania .............................................................................. 226
Tworzenie kodu ................................................................................... 227
Rozdzia 7. Efekty zwiÝzane z rysunkami ...................................................... 231
Zamiana rysunków .................................................................................. 231
Zmienianie atrybutu src rysunków ....................................................... 232
Wst pne wczytywanie rysunków .......................................................... 233
Efekt rollover z u yciem rysunków ........................................................ 234
Przyk ad — dodawanie efektu rollover z u yciem rysunków ...................... 235
Omówienie zadania .............................................................................. 236
Tworzenie kodu ................................................................................... 237
Efekty biblioteki jQuery ........................................................................... 240
Podstawowe funkcje do wy wietlania i ukrywania elementów ............... 241
Stopniowe wy wietlanie i zanikanie elementów .................................... 242
Wysuwanie elementów ......................................................................... 243
Animacje ............................................................................................. 244
Przyk ad — galeria fotografii z efektami wizualnymi ................................. 245
Omówienie zadania .............................................................................. 245
Tworzenie kodu ................................................................................... 246
Wzbogacona galeria z wtyczkî lightBox biblioteki jQuery ......................... 251
Podstawy .............................................................................................. 252
Personalizacja efektu lightBox .............................................................. 254
Przyk ad — galeria fotografii oparta na wtyczce lightBox ........................... 257
6
SPIS TRE CI
Zgłoś jeśli naruszono regulamin