JavaScript i jQuery. Nieoficjalny podręcznik. Wydanie III - ebook

Duet nie do pokonania!

JavaScript to język, którego początki sięgają lat dziewięćdziesiątych XX wieku. Po początkowych problemach, gdy był masowo blokowany przez użytkowników, obecnie przeżywa swój najlepszy okres. Trudno wyobrazić sobie bez niego nowoczesną aplikację internetową. Niewątpliwie duży wpływ na wzrost popularności JavaScriptu miała biblioteka jQuery, która usprawniła korzystanie z tego języka.

Ta książka to wyjątkowy podręcznik prezentujący możliwości niesamowitego duetu JavaScript – jQuery. Sięgnij po nią, a zagwarantujesz sobie godziny pasjonującej lektury i odkrywania składni języka, typowych konstrukcji oraz najlepszych technik tworzenia programów. Ponadto dowiesz się, jak sprawnie manipulować obiektami w drzewie DOM, reagować na zdarzenia oraz wymieniać informacje z serwerem za pomocą żądań AJAX. Na sam koniec zdobędziesz bezcenną wiedzę na temat diagnozowania problemów ze skryptami, korzystania z dokumentacji jQuery oraz przechowywania danych w magazynie lokalnym użytkownika. Książka ta jest obowiązkową lekturą dla każdego webdevelopera!Spraw, by Twoje strony żyły. Korzystaj z jQuery, żeby tworzyć interaktywne elementy reagujące na poczynania użytkowników.

Wykorzystaj w pełni możliwości współczesnych przeglądarek internetowych!

Nieoficjalna czołówka (13)

Wprowadzenie (17)

CZĘŚĆ I. WPROWADZENIE DO JĘZYKA JAVASCRIPT (35)

Rozdział 1. Pierwszy program w języku JavaScript (37)

• Wprowadzenie do programowania (38)
  • Czym jest program komputerowy? (40)
• Jak dodać kod JavaScript do strony? (40)
  • Zewnętrzne pliki JavaScript (42)
• Pierwszy program w języku JavaScript (46)
• Dodawanie tekstu do stron (48)
• Dołączanie zewnętrznych plików JavaScript (49)
• Wykrywanie błędów (51)
  • Konsola JavaScript w przeglądarce Chrome (52)
  • Konsola przeglądarki Internet Explorer (55)
  • Konsola JavaScript w przeglądarce Firefox (56)
  • Konsola błędów w przeglądarce Safari (57)

Rozdział 2. Gramatyka języka JavaScript (59)

• Instrukcje (59)
• Wbudowane funkcje (60)
• Typy danych (60)
  • Liczby (61)
  • Łańcuchy znaków (61)
  • Wartości logiczne (62)
• Zmienne (63)
  • Tworzenie zmiennych (63)
  • Używanie zmiennych (66)
• Używanie typów danych i zmiennych (67)
  • Podstawowe operacje matematyczne (68)
  • Kolejność wykonywania operacji (69)
  • Łączenie łańcuchów znaków (69)
  • Łączenie liczb i łańcuchów znaków (70)
  • Zmienianie wartości zmiennych (71)
• Przykład - używanie zmiennych do tworzenia komunikatów (72)
• Przykład - pobieranie informacji (74)
• Tablice (77)
  • Tworzenie tablic (78)
  • Używanie elementów tablicy (79)
  • Dodawanie elementów do tablicy (80)
  • Usuwanie elementów z tablicy (82)
• Przykład - zapisywanie danych na stronie za pomocą tablic (83)
• Krótka lekcja o obiektach (86)
• Komentarze (88)
  • Kiedy używać komentarzy? (89)
  • Komentarze w tej książce (90)

Rozdział 3. Dodawanie struktur logicznych i sterujących (93)

• Programy reagujące inteligentnie (93)
  • Podstawy instrukcji warunkowych (94)
  • Uwzględnianie planu awaryjnego (98)
  • Sprawdzanie kilku warunków (98)
  • Bardziej skomplikowane warunki (102)
  • Zagnieżdżanie instrukcji warunkowych (104)
  • Wskazówki na temat pisania instrukcji warunkowych (104)
• Przykład - używanie instrukcji warunkowych (105)
• Obsługa powtarzających się zadań za pomocą pętli (109)
  • Pętle while (109)
  • Pętle i tablice (111)
  • Pętle for (112)
  • Pętle do-while (114)
• Funkcje - wielokrotne korzystanie z przydatnego kodu (115)
  • Krótki przykład (117)
  • Przekazywanie danych do funkcji (118)
  • Pobieranie informacji z funkcji (120)
  • Unikanie konfliktów między nazwami zmiennych (121)
• Przykład - prosty quiz (124)

CZĘŚĆ II. WPROWADZENIE DO BIBLIOTEKI JQUERY (131)

Rozdział 4. Wprowadzenie do jQuery (133)

• Kilka słów o bibliotekach JavaScript (133)
• Jak zdobyć jQuery? (135)
  • Dołączanie pliku jQuery z serwera CDN (137)
  • Pobieranie pliku jQuery (138)
• Dodawanie jQuery do strony (139)
• Podstawowe informacje o modyfikowaniu stron WWW (142)
• Zrozumieć DOM (145)
• Pobieranie elementów stron na sposób jQuery (147)
  • Proste selektory (148)
  • Selektory zaawansowane (151)
  • Filtry jQuery (153)
  • Zrozumienie kolekcji jQuery (155)
• Dodawanie treści do stron (157)
  • Zastępowanie i usuwanie wybranych elementów (160)
• Ustawianie i odczyt atrybutów znaczników (160)
  • Klasy (161)
  • Odczyt i modyfikacja właściwości CSS (163)
  • Jednoczesna zmiana wielu właściwości CSS (164)
• Odczyt, ustawienia i usuwanie atrybutów HTML (166)
• Wykonanie akcji na każdym elemencie kolekcji (167)
  • Funkcje anonimowe (168)
  • this oraz $(this) (169)
• Automatycznie tworzone, wyróżniane cytaty (171)
  • Opis rozwiązania (172)
  • Kod rozwiązania (172)

Rozdział 5. Akcja i reakcja - ożywianie stron za pomocą zdarzeń (177)

• Czym są zdarzenia? (177)
  • Zdarzenia związane z myszą (179)
  • Zdarzenia związane z dokumentem i oknem (180)
  • Zdarzenia związane z formularzami (181)
  • Zdarzenia związane z klawiaturą (182)
• Obsługa zdarzeń przy użyciu jQuery (182)
• Przykład - prezentacja obsługi zdarzeń (185)
• Zdarzenia specyficzne dla biblioteki jQuery (190)
  • Oczekiwanie na wczytanie kodu HTML (190)
  • Umieszczanie i usuwanie wskaźnika myszy z elementu (192)
  • Obiekt reprezentujący zdarzenie (194)
  • Blokowanie standardowych reakcji na zdarzenia (195)
  • Usuwanie zdarzeń (196)
• Zaawansowane zarządzanie zdarzeniami (197)
  • Inne sposoby stosowania funkcji on() (199)
  • Delegowanie zdarzeń przy użyciu funkcji on() (200)
• Przykład - jednostronicowa lista FAQ (204)
  • Omówienie zadania (204)
  • Tworzenie kodu (205)

Rozdział 6. Animacje i efekty (211)

• Efekty biblioteki jQuery (211)
  • Podstawowe wyświetlanie i ukrywanie (212)
  • Wygaszanie oraz rozjaśnianie elementów (213)
  • Przesuwanie elementów (216)
• Przykład - wysuwany formularz logowania (216)
  • Tworzenie kodu (217)
• Animacje (220)
  • Tempo animacji (221)
• Wykonywanie operacji po zakończeniu efektu (223)
• Przykład - animowany pasek ze zdjęciami (225)
  • Tworzenie kodu (227)
• jQuery i przejścia oraz animacje CSS3 (231)
  • jQuery i przejścia CSS (232)
  • jQuery i animacje CSS (234)

Rozdział 7. Popularne zastosowania jQuery (239)

• Zamiana rysunków (239)
  • Zmienianie atrybutu src rysunków (240)
  • Podmiana obrazków przy użyciu jQuery (241)
  • Wstępne wczytywanie rysunków (242)
  • Efekt rollover z użyciem obrazków (243)
• Przykład - dodawanie efektu rollover z użyciem rysunków (245)
  • Omówienie zadania (245)
  • Tworzenie kodu (246)
• Przykład - galeria fotografii z efektami wizualnymi (249)
  • Omówienie zadania (249)
  • Tworzenie kodu (251)
• Kontrola działania odnośników (255)
  • Pobieranie odnośników w kodzie JavaScript (255)
  • Określanie lokalizacji docelowej (255)
  • Blokowanie domyślnego działania odnośników (256)
• Otwieranie zewnętrznych odnośników w nowym oknie (258)
• Tworzenie nowych okien (260)
  • Właściwości okien (261)
• Przedstawienie wtyczek jQuery (265)
  • Czego szukać we wtyczce jQuery? (266)
  • Podstawy stosowania wtyczek jQuery (268)
• Responsywne menu nawigacyjne (270)
  • Kod HTML (270)
  • Kod CSS (273)
  • Kod JavaScript (273)
  • Przykład (273)
  • Dostosowywanie wyglądu wtyczki SmartMenus (277)

Rozdział 8. Wzbogacanie formularzy (279)

• Wprowadzenie do formularzy (279)
  • Pobieranie elementów formularzy (281)
  • Pobieranie i ustawianie wartości elementów formularzy (283)
  • Sprawdzanie stanu przycisków opcji i pól wyboru (284)
  • Zdarzenia związane z formularzami (285)
• Inteligentne formularze (290)
  • Aktywowanie pierwszego pola formularza (290)
  • Wyłączanie i włączanie pól (291)
  • Ukrywanie i wyświetlanie opcji formularza (293)
• Przykład - proste wzbogacanie formularza (294)
  • Aktywowanie pola (295)
  • Wyłączanie pól formularza (295)
  • Ukrywanie pól formularza (298)
• Walidacja formularzy (299)
  • Wtyczka Validation (301)
  • Podstawowa walidacja (302)
  • Zaawansowana walidacja (305)
  • Określanie stylu komunikatów o błędach (310)
• Przykład zastosowania walidacji (311)
  • Prosta walidacja (312)
  • Walidacja zaawansowana (313)
  • Walidacja pól wyboru i przycisków opcji (316)
  • Formatowanie komunikatów o błędach (319)

CZĘŚĆ III. WPROWADZENIE DO BIBLIOTEKI JQUERY UI (321)

Rozdział 9. Rozbudowa interfejsu użytkownika (323)

• Czym jest jQuery UI? (323)
• Dlaczego warto używać jQuery UI? (325)
• Stosowanie jQuery UI (327)
  • Dodawanie jQuery UI do strony (329)
• Wyświetlanie komunikatów przy użyciu okien dialogowych (330)
  • Miniprzykład - tworzenie okna dialogowego (332)
  • Określanie właściwości okna dialogowego (333)
  • Miniprzykład - przekazywanie opcji do okna dialogowego (336)
  • Otwieranie okna dialogowego w odpowiedzi na zdarzenia (338)
  • Dodawanie przycisków do okien dialogowych (339)
  • Miniprzykład - dodawanie przycisków do okien dialogowych (341)
• Prezentowanie informacji w etykietkach ekranowych (345)
  • Miniprzykład - szybkie dodawanie etykietek ekranowych (347)
  • Opcje etykietek ekranowych (348)
  • Umieszczanie w etykietkach treści HTML (349)
  • Miniprzykład - umieszczanie kodu HTML w etykietkach ekranowych (350)
• Dodawanie zestawów kart (351)
  • Opcje zestawów kart (354)
  • Miniprzykład - dodawanie zestawu kart (356)
  • Karty prezentujące zawartość (360)
• Oszczędzanie miejsca z wykorzystaniem akordeonów (363)
  • Miniprzykład - tworzenie akordeonu jQuery UI (366)
• Dodawanie menu (368)
  • Tworzenie poziomego paska nawigacyjnego (371)

Rozdział 10. Formularze raz jeszcze (375)

• Wybieranie dat ze stylem (375)
  • Określanie właściwości kalendarzy (377)
  • Przykład - pole do wyboru daty urodzenia (381)
• Stylowe rozwijane listy (383)
  • Określanie właściwości list rozwijanych (385)
  • Wykonywanie operacji po wybraniu opcji z listy (386)
• Stylowe przyciski (389)
  • Dostosowywanie przycisków (390)
• Poprawianie wyglądu przycisków opcji i pól wyboru (391)
• Dostarczanie podpowiedzi przy użyciu automatycznego uzupełniania (393)
  • Generowanie podpowiedzi przy użyciu tablicy danych (395)
  • Stosowanie osobnych etykiet i wartości (397)
  • Pobieranie danych automatycznego uzupełniania z serwera (398)
  • Opcje widżetu Autocomplete (400)
• Przykład - widżety UI usprawniające formularze (401)

Rozdział 11. Dostosowywanie wyglądu jQuery UI (407)

• Prezentacja narzędzia ThemeRoller (407)
• Pobieranie i stosowanie nowego tematu (413)
  • Dodawanie własnego tematu do istniejących stron WWW (414)
  • Więcej informacji o arkuszach stylów jQuery UI (415)
• Przesłanianie stylów jQuery UI (415)
  • Zasada szczegółowości (416)
  • Jak są określane style widżetów jQuery UI? (418)

Rozdział 12. Interakcje i efekty jQuery UI (421)

• Widżet Draggable (421)
  • Dodawanie widżetu Draggable do strony (422)
  • Miniprzykład - zastosowanie widżetu Draggable (423)
  • Opcje widżetu Draggable (424)
  • Zdarzenia widżetu Draggable (430)
• Widżet Droppable (434)
  • Stosowanie widżetu Droppable (435)
  • Opcje widżetu Droppable (436)
  • Zdarzenia widżetu Droppable (438)
• Przykład - technika "przeciągnij i upuść" (443)
• Sortowanie elementów strony (449)
  • Stosowanie widżetu Sortable (449)
  • Opcje widżetu Sortable (451)
  • Zdarzenia widżetu Sortable (455)
  • Metody widżetów Sortable (458)
• Efekty jQuery UI (461)
  • Efekty (462)
  • Tempo animacji (465)
  • Animowanie zmiany klas (466)

CZĘŚĆ IV. ZAAWANSOWANE ZASTOSOWANIA JQUERY I JĘZYKA JAVASCRIPT (469)

Rozdział 13. Wprowadzenie do technologii AJAX (471)

• Czym jest AJAX? (471)
• AJAX - podstawy (473)
  • Elementy układanki (474)
  • Komunikacja z serwerem WWW (476)
• AJAX w bibliotece jQuery (479)
  • Używanie metody load() (480)
  • Przykład - korzystanie z metody load() (482)
  • Metody get() i post() (486)
  • Formatowanie danych przesyłanych na serwer (487)
  • Przetwarzanie danych zwróconych z serwera (490)
  • Obsługa błędów (494)
  • Przykład - korzystanie z metody $.get() (495)
• Format JSON (500)
  • Dostęp do danych z obiektów JSON (502)
  • Złożone dane JSON (503)
• Prezentacja JSONP (506)
• Dodawanie do witryny kanału Flickr (506)
  • Tworzenie adresu URL (508)
  • Łączenie opcji (510)
  • Stosowanie metody $.getJSON() (510)
  • Prezentacja danych kanału Flickr w formacie JSON (511)
• Przykład - dodawanie zdjęć z Flickr na własnej stronie (512)

Rozdział 14. Tworzenie aplikacji do obsługi listy zadań (519)

• Przegląd aplikacji (519)
• Dodanie przycisku (520)
• Dodanie okna dialogowego (522)
• Dodawanie zadań (525)
• Oznaczanie zadania jako wykonanego (531)
  • Delegowanie zdarzeń (531)
• Usuwanie zadań (536)
• Dalsze kroki (538)
  • Edycja zadań (538)
  • Potwierdzanie usunięcia (539)
  • Zapisywanie listy (539)
  • Inne pomysły (540)

CZĘŚĆ V. WSKAZÓWKI, SZTUCZKI I ROZWIĄZYWANIE PROBLEMÓW (541)

Rozdział 15. Wykorzystywanie wszystkich możliwości jQuery (543)

• Przydatne informacje i sztuczki związane z jQuery (543)
  • $() to to samo, co jQuery() (543)
  • Zapisywanie pobranych elementów w zmiennych (544)
  • Jak najrzadsze dodawanie treści (546)
  • Optymalizacja selektorów (547)
• Korzystanie z dokumentacji jQuery (548)
  • Czytanie dokumentacji na stronie jQuery (552)
• Poruszanie się po DOM (554)
• Inne funkcje do manipulacji kodem HTML (560)

Rozdział 16. Zaawansowane techniki języka JavaScript (565)

• Stosowanie łańcuchów znaków (565)
  • Określanie długości łańcucha (566)
  • Zmiana wielkości znaków w łańcuchu (566)
  • Przeszukiwanie łańcuchów znaków: zastosowanie indexOf() (567)
  • Pobieranie fragmentu łańcucha przy użyciu metody slice() (569)
• Odnajdywanie wzorów w łańcuchach (570)
  • Tworzenie i stosowanie podstawowych wyrażeń regularnych (571)
  • Tworzenie wyrażeń regularnych (572)
  • Grupowanie fragmentów wzorców (576)
  • Przydatne wyrażenia regularne (577)
  • Dopasowywanie wzorców (582)
  • Zastępowanie tekstów (585)
  • Testowanie wyrażeń regularnych (585)
• Stosowanie liczb (587)
  • Zamiana łańcucha znaków na liczbę (587)
  • Sprawdzanie występowania liczb (589)
  • Zaokrąglanie liczb (589)
  • Formatowanie wartości monetarnych (590)
  • Tworzenie liczb losowych (591)
• Daty i godziny (592)
  • Pobieranie miesiąca (593)
  • Określanie dnia tygodnia (594)
  • Pobieranie czasu (594)
  • Tworzenie daty innej niż bieżąca (597)
• Tworzenie bardziej wydajnego kodu JavaScript (599)
  • Zapisywanie ustawień w zmiennych (600)
  • Zapisywanie ustawień w obiektach (601)
  • Operator trójargumentowy (602)
  • Instrukcja Switch (603)
  • Łączenie tablic i dzielenie łańcuchów znaków (605)
• Łączenie różnych elementów (606)
  • Używanie zewnętrznych plików JavaScript (606)
• Tworzenie kodu JavaScript o krótkim czasie wczytywania (609)

Rozdział 17. Diagnozowanie i rozwiązywanie problemów (611)

• Najczęstsze błędy w kodzie JavaScript (611)
  • Brak symboli końcowych (612)
  • Cudzysłowy i apostrofy (616)
  • Używanie słów zarezerwowanych (617)
  • Pojedynczy znak równości w instrukcjach warunkowych (617)
  • Wielkość znaków (618)
  • Nieprawidłowe ścieżki do zewnętrznych plików JavaScript (618)
  • Nieprawidłowe ścieżki w zewnętrznych plikach JavaScript (619)
  • Znikające zmienne i funkcje (620)
• Testowanie aplikacji przy użyciu konsoli (621)
  • Otwieranie konsoli (621)
  • Przeglądanie błędów przy użyciu konsoli (623)
  • Śledzenie działania skryptu za pomocą funkcji console.log() (623)
  • Przykład - korzystanie z konsoli (624)
  • Diagnozowanie zaawansowane (628)
• Przykład diagnozowania (633)

CZĘŚĆ VI. DODATKI (641)

Dodatek A. Materiały związane z językiem JavaScript (643)

• Źródła informacji (643)
  • Witryny (643)
  • Książki (644)
• Podstawy języka JavaScript (644)
  • Witryny (644)
  • Książki (644)
• jQuery (645)
  • Witryny (645)
  • Książki (645)
• Zaawansowany język JavaScript (645)
  • Artykuły i prezentacje (646)
  • Witryny (646)
  • Książki (646)
• CSS (647)
  • Witryny (647)
  • Książki (647)

Skorowidz (649)