JavaScript. Nieoficjalny podręcznik - ebook

• 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

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)
• 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)
• 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)
  
• Animowane pokazy slajdów oparte na wtyczce Cycle (259)
  
  • Podstawowe informacje (259)
  • Dostosowywanie wtyczki Cycle (261)
• Przykład - automatyczny pokaz slajdów (264)

Część II: Dodawanie mechanizmów do stron (269)

Rozdział 8. Usprawnianie nawigacji (271)

• Podstawowe informacje o odnośnikach (271)
  
  • Pobieranie odnośników w kodzie JavaScript (271)
  • Określanie lokalizacji docelowej (272)
  • Blokowanie domyślnego działania odnośników (273)
• Otwieranie zewnętrznych odnośników w nowym oknie (274)
  
• Tworzenie nowych okien (277)
  
  • Właściwości okien (278)
• Otwieranie stron w okienku na pierwotnej stronie (281)
  
  • Zmienianie wyglądu okien na stronie (285)
  • Przykład - otwieranie strony na stronie (286)
• Przykład - powiększanie odnośników (289)
  
  • Omówienie przykładu (289)
  • Tworzenie kodu (291)
• Animowane menu nawigacyjne (295)
  
  • Kod HTML (296)
  • Kod CSS (298)
  • Kod JavaScript (299)
  • Przykład (299)

Rozdział 9. Wzbogacanie formularzy (303)

• Wprowadzenie do formularzy (303)
  
  • Pobieranie elementów formularzy (305)
  • Pobieranie i ustawianie wartości elementów formularzy (307)
  • Sprawdzanie stanu przycisków opcji i pól wyboru (308)
  • Zdarzenia związane z formularzami (309)
• Inteligentne formularze (313)
  
  • Aktywowanie pierwszego pola formularza (314)
  • Wyłączanie i włączanie pól (315)
  • Ukrywanie i wyświetlanie opcji formularza (316)
• Przykład - proste wzbogacanie formularza (317)
  
  • Aktywowanie pola (318)
  • Wyłączanie pól formularza (318)
  • Ukrywanie pól formularza (321)
• Walidacja formularzy (323)
  
  • Wtyczka Validation (324)
  • Podstawowa walidacja (326)
  • Zaawansowana walidacja (328)
  • Określanie stylu komunikatów o błędach (333)
• Przykład zastosowania walidacji (334)
  
  • Prosta walidacja (334)
  • Walidacja zaawansowana (337)
  • Walidacja pól wyboru i przycisków opcji (339)
  • Formatowanie komunikatów o błędach (342)

Rozdział 10. Rozwijanie interfejsu (345)

• Ukrywanie informacji w kontrolkach accordion (345)
  
  • Personalizowanie panelu accordion (348)
  • Przykład zastosowania kontrolki accordion (350)
• Porządkowanie informacji za pomocą paneli z zakładkami (354)
  
  • Formatowanie zakładek i paneli (356)
  • Personalizowanie wtyczki Tabs (358)
  • Przykład zastosowania paneli z zakładkami (360)
• Podpowiedzi (364)
  
  • Podpowiedzi oparte na atrybucie title (364)
  • Podpowiedzi z wykorzystaniem innych stron WWW (367)
  • Podpowiedzi oparte na ukrytej treści (368)
  • Kontrolowanie wyglądu podpowiedzi (370)
  • Formatowanie podpowiedzi (373)
  • Przykład użycia wtyczki Cluetip (375)
• Tworzenie tabel z obsługą sortowania (380)
  
  • Określanie stylu tabeli (383)
  • Przykład zastosowania wtyczki Tablesorter (384)

Część III: Ajax - komunikacja z serwerem sieciowym (387)

Rozdział 11. Wprowadzenie do Ajaksa (389)

• Czym jest Ajax? (389)
  
• Ajax - podstawy (391)
  
  • Elementy układanki (392)
  • Komunikacja z serwerem sieciowym (394)
• Ajax w bibliotece jQuery (397)
  
  • Używanie funkcji load() (397)
  • Przykład - korzystanie z funkcji load() (400)
  • Funkcje get() i post() (404)
  • Formatowanie danych przesyłanych na serwer (405)
  • Przetwarzanie danych zwróconych z serwera (408)
  • Przykład - korzystanie z funkcji get() (411)
• Format JSON (417)
  
  • Dostęp do danych z obiektów JSON (418)
  • Złożone obiekty JSON (420)

Rozdział 12. Podstawowe techniki oparte na Ajaksie (423)

• Wtyczka Tabs (423)
  
  • Modyfikowanie tekstu i ikony wczytywania (425)
  • Przykład zastosowania zakładek ajaksowych (427)
• Dodawanie map Google do własnej witryny (429)
  
  • Określanie lokalizacji na mapie (432)
  • Inne opcje wtyczki jMap (433)
  • Dodawanie oznaczeń i "dymków" z kodem HTML (435)
  • Określanie trasy przejazdu (436)
  • Przykład zastosowania wtyczki jMaps (437)

Część IV: Rozwiązywanie problemów, wskazówki i sztuczki (443)

Rozdział 13. Diagnozowanie i rozwiązywanie problemów (445)

• Najczęstsze błędy w kodzie JavaScript (445)
  
  • Brak symboli końcowych (446)
  • Cudzysłowy i apostrofy (449)
  • Używanie słów zarezerwowanych (450)
  • Pojedynczy znak równości w instrukcjach warunkowych (450)
  • Wielkość znaków (452)
  • Nieprawidłowe ścieżki do zewnętrznych plików JavaScript (452)
  • Nieprawidłowe ścieżki w zewnętrznych plikach JavaScript (453)
  • Znikające zmienne i funkcje (454)
• Diagnozowanie przy użyciu dodatku Firebug (455)
  
  • Instalowanie i włączanie dodatku Firebug (455)
  • Przeglądanie błędów za pomocą dodatku Firebug (457)
  • Śledzenie działania skryptu za pomocą funkcji console.log() (458)
  • Przykład - korzystanie z konsoli dodatku Firebug (459)
  • Diagnozowanie zaawansowane (463)
• Przykład diagnozowania (468)

Rozdział 14. Zaawansowane techniki języka JavaScript (473)

• Łączenie różnych elementów (473)
  
  • Używanie zewnętrznych plików JavaScript (473)
• Tworzenie bardziej wydajnego kodu JavaScript (475)
  
  • Zapisywanie ustawień w zmiennych (476)
  • Operator trójargumentowy (477)
  • Instrukcja Switch (478)
  • Wydajne używanie obiektu jQuery (481)
• Tworzenie kodu JavaScript o krótkim czasie wczytywania (482)
  
  • Używanie programu YUI Compressor w systemie Windows (484)
  • Używanie programu YUI Compressor na komputerach Mac (484)

Dodatki (487)

Dodatek A: Materiały związane z językiem JavaScript (489)

• Źródła informacji (489)
  
  • Witryny (489)
  • Książki (490)
• Podstawy języka JavaScript (490)
  
  • Artykuły i prezentacje (490)
  • Witryny (490)
  • Książki (491)
• jQuery (491)
  
  • Artykuły (491)
  • Witryny (491)
  • Książki (492)
• Model DOM (492)
  
  • Artykuły i prezentacje (492)
  • Witryny (493)
  • Książki (493)
• Ajax (493)
  
  • Witryny (493)
  • Książki (493)
• Zaawansowany język JavaScript (494)
  
  • Artykuły i prezentacje (494)
  • Witryny (494)
  • Książki (495)
• CSS (495)
  
  • Witryny (496)
  • Książki (496)
• Oprogramowanie do tworzenia kodu JavaScript (496)

Skorowidz (499)