full-version-head-first-javascript-edycja-polska-rusz-glowa_hfjsc.pdf

Head First JavaScript.

Edycja polska

Autor: Michael Morrison

T³umaczenie: Piotr Rajca

ISBN: 978-83-246-1548-3

Tytu³ orygina³u: Head First JavaScript (Head First)

Format: 200x230, stron: 624

Poznaj jêzyk JavaScript w niekonwencjonalny

i zadziwiaj¹co skuteczny sposób!

Dziœ statyczne witryny WWW gin¹ w ogromnej masie podobnych sobie stron, przy

braku zainteresowania wspó³czesnych u¿ytkowników sieci. Aby siê wyró¿niæ, trzeba

zaproponowaæ ogl¹daj¹cym coœ innego ni¿ tylko ³adnie sformatowany tekst i schludn¹

grafikê. Jednym z pomys³ów na zwiêkszenie atrakcyjnoœci witryny WWW jest

wprowadzenie na ni¹ elementów interaktywnych. Istnieje wiele rozwi¹zañ s³u¿¹cych

do tworzenia takich elementów. Jednym z najczêœciej wykorzystywanych jest

JavaScript. Ten interpretowany po stronie przegl¹darki jêzyk pozwala miêdzy innymi

na kontrolowanie niemal wszystkich elementów HTML w oparciu o obiektowy model

dokumentu (DOM), obs³ugê zdarzeñ generowanych przez u¿ytkownika i weryfikacjê

poprawnoœci danych wprowadzanych do formularza.

Dziêki ksi¹¿ce „Head First JavaScript. Edycja polska” poznasz JavaScript w nietypowy,

a przy tym bardzo skuteczny sposób. Poniewa¿ zosta³a ona napisana w oparciu

o najnowsze teorie uczenia siê, b³yskawicznie przyswoisz sobie wiedzê o tym jêzyku.

Nauczysz siê osadzaæ kod JavaScript w dokumentach HTML, przetwarzaæ dane

i sterowaæ wykonywaniem skryptu za pomoc¹ konstrukcji warunkowych. Dowiesz siê,

jak korzystaæ z obiektowego modelu dokumentu, tworzyæ i obs³ugiwaæ pliki cookie

oraz procedury obs³ugi zdarzeñ. Poznasz tak¿e techniki programowania obiektowego

i sposoby wykrywania czy usuwania b³êdów. Przeczytasz równie¿ o technologii AJAX,

opieraj¹cej siê na jêzyku JavaScript.

• Podstawowe elementy JavaScript

• Praca ze zmiennymi

• Interakcja z przegl¹dark¹

• Wyra¿enia warunkowe i pêtle

• Organizacja kodu i korzystanie z funkcji

• Obiektowy Model Dokumentu

• Obiekty w JavaScript

• Testowanie skryptów

• Wykorzystanie JavaScript w technologii AJAX

Twój czas jest cenny — wykorzystaj go na poznanie JavaScript

z pomoc¹ nowoczesnych metod nauki!

Spis treści

Spis treści (podsumowanie)

Wprowadzenie

Interaktywna WWW. W odpowiedzi na wirtualny świat

Przechowywanie danych. Wszystko ma swoje miejsce

Poznajemy klienta. W głąb przeglądarki

111

Podejmowanie decyzji. Jeśli droga się rozwidla, nie wahaj się skręcić

159

Pętle. Ryzykując powtórzeniem

211

Funkcje. Redukuj i używaj wielokrotnie

263

Formularze i sprawdzanie poprawności danych. Aby użytkownik

powiedział nam wszystko

307

Modyfikacje stron WWW. Krojenie i przyprawianie HTML-a

przy użyciu DOM

359

Ożywianie danych. Obiekty jako Frankendane

407

Tworzenie własnych obiektów. Zrób to po swojemu, używając

własnych obiektów

461

Zabijaj pluskwy — na śmierć! Dobre skrypty na złej drodze

495

Dynamiczne dane. Szybkie i wrażliwe aplikacje internetowe

545

Skorowidz

605

Spis treści (teraz na poważnie)

Wprowadzenie

Twój mózg koncentruje się na JavaScripcie. Siedzisz, próbując się czegoś nauczyć ,

ale Twój mózg twierdzi, że cała ta nauka nie jest ważna . Twój mózg twierdzi: „Lepiej zostawić

miejsce na jakieś ważne rzeczy, takie jak to, których dzikich zwierząt należy unikać albo czy

jeżdżenie nago na snowboardzie jest dobrym pomysłem, czy nie”. W jaki zatem sposób możesz

przekonać swój mózg, by uznał, że poznanie JavaScriptu to dla Ciebie kwestia życia lub śmierci?

Dla kogo jest ta książka?

Wiemy, co sobie myślisz

Metapoznanie

Oto, co możesz zrobić, aby zmusić swój mózg do posłuszeństwa

Przeczytaj to

Zespół recenzentów

Podziękowania

Spis treści

Interaktywna WWW

W odpowiedzi na wirtualny świat

Czy męczy Cię już myślenie o WWW w kategoriach statycznych stron?

To już widziałem i przerobiłem. Takie rzeczy zazwyczaj nazywają książkami. Trzeba przyznać,

że doskonale się one nadają do czytania i nauki, i w ogóle są super. Ale… nie są interaktywne .

To samo dotyczy także stron WWW, jeśli nie uzyskają one nieznacznej pomocy ze strony języka

JavaScript. Pewnie, że można przesłać formularz i może nawet zastosować tu i tam kilka trików,

używając w tym celu umiejętnie napisanego kodu HTML i CSS, jednak takie rozwiązania nie są

w stanie „ożywić” martwych — statycznych stron WWW. Prawdziwa interaktywność wymaga

znacznie większego wkładu intelektualnego i nakładu pracy , jednak zapewnia efekty, które

zwrócą się z nawiązką .

Użytkownicy (WWW) mają swoje potrzeby

To jakby rozmowa ze ścianą — całkowity brak reakcji

A JavaScript odpowiada

Światła, kamera, interakcja!

Użyj znacznika <script>, by dać przeglądarce znać,

że piszesz kod JavaScript

Twoja przeglądarka WWW poradzi sobie z kodem HTML,

CSS i JavaScript

Najlepszy wirtualny przyjaciel mężczyzny… potrzebuje TWOJEJ pomocy

Zapewnianie interaktywności iGłazowi

Utworzenie strony WWW iGłazu

Test

Zdarzenia JavaScript: udzielamy głosu iGłazowi

Informowanie użytkownika przy wykorzystaniu funkcji

Dodanie powitania

A teraz zadbamy o to, by iGłaz stał się naprawdę interaktywny

Interakcja jest komunikacją DWUstronną

Dodajemy funkcję do pobrania imienia użytkownika

Błyskawiczna powtórka: Co się przed chwilą stało?

Testujemy iGłaz w wersji 1.0

Spis treści

Przechowywanie danych

Wszystko ma swoje miejsce

W praktyce często nie dostrzegamy znaczenia, jakie ma posiadanie miejsca

do przechowywania swoich rzeczy. Korzystając z języka JavaScript, na pewno zwrócimy

na to uwagę. W tym przypadku nie mamy bowiem luksusu posiadania osobnej garderoby

lub garażu na trzy samochody. W JavaScripcie wszystko musi mieć swoje miejsce , a Twoim

zadaniem jest zadbanie, by faktycznie tak się stało. W tym rozdziale będziemy się zajmować

danymi oraz zagadnieniami, które ich dotyczą — jak je reprezentować , przechowywać oraz jak

je odnaleźć , kiedy zostaną już gdzieś zapisane. Jako specjalista do spraw przechowywania danych

w JavaScripcie będziesz w stanie zająć się dowolnym kodem, zapanować nad chaosem obecnym

wśród używanych w nim danych, dzięki czemu będziesz mógł uporządkować go wedle swojej

woli, korzystając przy tym z zalet wirtualnych etykiet i pojemników.

Twoje skrypty mogą przechowywać dane

Skrypty myślą w oparciu o typy danych

Stałe zostają TAKIE SAME, wartości zmiennych mogą się ZMIENIAĆ

Zmienne początkowo nie mają wartości

Inicjalizacja zmiennej przy użyciu znaku =

Stałe są odporne na zmiany

A jak wyglądają nazwy?

Dozwolone i niedozwolone nazwy zmiennych oraz stałych

Nazwy zmiennych często są zapisywane według notacji CamelCase

Planujemy stronę zamówienia dla Donalda

Pierwsze podejście do obliczeń w formularzu zamówienia

Inicjuj swoje dane albo…

NaN NIE jest liczbą

Nie tylko liczby można dodawać

parseInt() oraz parseFloat() — konwersja łańcuchów znaków na liczby

Dlaczego w zamówieniu pojawiają się dodatkowe pączki?

Donald odkrywa „szpiegostwo ciastkarskie”

Użyj metody getElementById(), by pobrać dane z formularza

Weryfikacja danych w formularzu

100

Staraj się, by interfejs użytkownika był intuicyjny

105

Spis treści

Poznajemy klienta

W głąb przeglądarki

Czasami kod JavaScript musi „wiedzieć”, co się dzieje w świecie naokoło

niego. Twoje skrypty mogą początkowo być tworzone jako kod umieszczany bezpośrednio

w stronach WWW, jednak w ostateczności i tak będą istnieć i działać w świecie kreowanym przez

przeglądarkę WWW, nazywaną także klientem. „Sprytne” skrypty często będą potrzebowały

pewnych informacji o świecie, w którym „żyją”; w takich sytuacjach mogą zdobyć te dane,

komunikując się z przeglądarką . Niezależnie od tego, czy jest to określenie wymiarów ekranu,

czy też dostęp do jakiegoś przycisku przeglądarki, to utrzymując dobre stosunki z przeglądarką,

skrypty mogą bardzo wiele zyskać.

Tu zaczynamy!

Klienty, serwery i JavaScript 112

Co przeglądarka może zrobić dla Ciebie? 114

iGłaz musi reagować bardziej wyraziście 116

Liczniki czasu kojarzą akcje z upływającym czasem 118

Przerywanie działania licznika 119

Tworzenie licznika czasu przy użyciu funkcji setTimeout() 120

W zbliżeniu — funkcja setTimeout() 121

Wiele rozmiarów ekranu, wiele skarg 125

Użyj obiektu document, by określić szerokość okna przeglądarki 126

Skorzystaj z obiektu document, by odczytać szerokość okna klienta 127

Określanie wymiarów obrazka iGłazu 128

Wielkość iGłazu należy dostosować do strony 129

W momencie zmiany wielkości okna zgłaszane jest zdarzenie onresize 133

Zdarzenie onresize skaluje obrazek iGłazu 134

Czy myśmy się już spotkali? Rozpoznawanie użytkownika 136

Każdy skrypt ma swój cykl życiowy 137

Ciasteczka mogą istnieć dłużej niż cykl życia skryptu 138

Ciasteczka mają nazwę i przechowują wartość… poza tym mogą wygasnąć 143

Twój kod JavaScript może istnieć POZA Twoją stroną WWW

Koniec!

145

Przywitaj użytkownika ciasteczkiem

146

Teraz funkcja greetUser bazuje na ciasteczkach

147

Nie zapomnij o zapisaniu ciasteczka

148

Ciasteczka mają wpływ na bezpieczeństwo przeglądarek

150

Świat bez ciasteczek

152

Porozmawiaj z użytkownikiem, to lepsze niż nic…

155

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: