book

JavaScript i jQuery. Nieoficjalny podręcznik. Wydanie III

by David Sawyer McFarland

July 2015

Intermediate to advanced

664 pages

20h 56m

Polish

Helion

Read now

Unlock full access

O autorzeO zespole pracującym nad książkąPodziękowaniaSeria Nieoficjalny podręcznik
Czym jest JavaScript?Trochę historiiJavaScript jest wszędzieCzym jest jQuery?HTML: podstawowa strukturaDziałanie znaczników HTMLCSS: dodawanie stylu do stronAnatomia styluNarzędzia do programowania w języku JavaScriptProgramy bezpłatneOprogramowanie komercyjneO książcePodejście do języka JavaScript stosowane w tej książceStruktura książkiPodstawyO/tych/ukośnikachZasoby internetowePrzykładyOpinie i uwagiErrata
Wprowadzenie do programowaniaCzym jest program komputerowy?Jak dodać kod JavaScript do strony?Zewnętrzne pliki JavaScriptPierwszy program w języku JavaScriptDodawanie tekstu do stronDołączanie zewnętrznych plików JavaScriptWykrywanie błędówKonsola JavaScript w przeglądarce ChromeKonsola przeglądarki Internet ExplorerKonsola JavaScript w przeglądarce FirefoxKonsola błędów w przeglądarce Safari
InstrukcjeWbudowane funkcjeTypy danychLiczbyŁańcuchy znakówWartości logiczneZmienneTworzenie zmiennychUżywanie zmiennychUżywanie typów danych i zmiennychPodstawowe operacje matematyczneKolejność wykonywania operacjiŁączenie łańcuchów znakówŁączenie liczb i łańcuchów znakówZmienianie wartości zmiennychPrzykład — używanie zmiennych do tworzenia komunikatówPrzykład — pobieranie informacjiTabliceTworzenie tablicUżywanie elementów tablicyDodawanie elementów do tablicyDodawanie elementów na koniec tablicyDodawanie elementów na początek tablicyWybór sposobu dodawania elementówUsuwanie elementów z tablicyPrzykład — zapisywanie danych na stronie za pomocą tablicKrótka lekcja o obiektachKomentarzeKiedy używać komentarzy?Komentarze w tej książce
Programy reagujące inteligentniePodstawy instrukcji warunkowychUwzględnianie planu awaryjnegoSprawdzanie kilku warunkówBardziej skomplikowane warunkiSprawdzanie, czy spełnionych jest kilka warunkówSprawdzanie, czy spełniony jest przynajmniej jeden warunekNegowanie warunkówZagnieżdżanie instrukcji warunkowychWskazówki na temat pisania instrukcji warunkowychPrzykład — używanie instrukcji warunkowychObsługa powtarzających się zadań za pomocą pętliPętle whilePętle i tablicePętle forPętle do-whileFunkcje — wielokrotne korzystanie z przydatnego koduKrótki przykładPrzekazywanie danych do funkcjiPobieranie informacji z funkcjiUnikanie konfliktów między nazwami zmiennychPrzykład — prosty quiz

Kilka słów o bibliotekach JavaScriptJak zdobyć jQuery?Dołączanie pliku jQuery z serwera CDNPobieranie pliku jQueryDodawanie jQuery do stronyPodstawowe informacje o modyfikowaniu stron WWWZrozumieć DOMPobieranie elementów stron na sposób jQueryProste selektorySelektory identyfikatorówSelektory elementówSelektory klasSelektory zaawansowaneFiltry jQuery
Automatyczne pętleŁańcuchy wywołań funkcjiDodawanie treści do stronZastępowanie i usuwanie wybranych elementówUstawianie i odczyt atrybutów znacznikówKlasyOdczyt i modyfikacja właściwości CSSJednoczesna zmiana wielu właściwości CSSOdczyt, ustawienia i usuwanie atrybutów HTMLWykonanie akcji na każdym elemencie kolekcjiFunkcje anonimowethis oraz $(this)Automatycznie tworzone, wyróżniane cytatyOpis rozwiązaniaKod rozwiązania
Czym są zdarzenia?Zdarzenia związane z mysząZdarzenia związane z dokumentem i oknemZdarzenia związane z formularzamiZdarzenia związane z klawiaturąObsługa zdarzeń przy użyciu jQueryPrzykład — prezentacja obsługi zdarzeńZdarzenia specyficzne dla biblioteki jQueryOczekiwanie na wczytanie kodu HTMLAlternatywa dla funkcji $(document).ready()Umieszczanie i usuwanie wskaźnika myszy z elementuObiekt reprezentujący zdarzenieBlokowanie standardowych reakcji na zdarzeniaUsuwanie zdarzeńZaawansowane zarządzanie zdarzeniamiInne sposoby stosowania funkcji on()Delegowanie zdarzeń przy użyciu funkcji on()Wpływ delegowania zdarzeń na wartość $(this)Przykład — jednostronicowa lista FAQOmówienie zadaniaTworzenie kodu
Efekty biblioteki jQueryPodstawowe wyświetlanie i ukrywanieWygaszanie oraz rozjaśnianie elementówPrzesuwanie elementówPrzykład — wysuwany formularz logowaniaTworzenie koduAnimacjeTempo animacjiWykonywanie operacji po zakończeniu efektuPrzykład — animowany pasek ze zdjęciamiTworzenie kodujQuery i przejścia oraz animacje CSS3jQuery i przejścia CSSjQuery i animacje CSS
Zamiana rysunkówZmienianie atrybutu src rysunkówPodmiana obrazków przy użyciu jQueryWstępne wczytywanie rysunkówEfekt rollover z użyciem obrazkówPrzykład — dodawanie efektu rollover z użyciem rysunkówOmówienie zadaniaTworzenie koduPrzykład — galeria fotografii z efektami wizualnymiOmówienie zadaniaTworzenie koduKontrola działania odnośnikówPobieranie odnośników w kodzie JavaScriptOkreślanie lokalizacji docelowejBlokowanie domyślnego działania odnośnikówOtwieranie zewnętrznych odnośników w nowym oknieTworzenie nowych okienWłaściwości okienUżywanie referencji do okienZdarzenia, które mogą otwierać nowe oknaPrzedstawienie wtyczek jQueryCzego szukać we wtyczce jQuery?Podstawy stosowania wtyczek jQueryResponsywne menu nawigacyjneKod HTMLKod CSSKod JavaScriptPrzykładDostosowywanie wyglądu wtyczki SmartMenus
Wprowadzenie do formularzyPobieranie elementów formularzyPobieranie i ustawianie wartości elementów formularzySprawdzanie stanu przycisków opcji i pól wyboruZdarzenia związane z formularzamiZdarzenie submitZdarzenie focusZdarzenie blurZdarzenie clickZdarzenie changeInteligentne formularzeAktywowanie pierwszego pola formularzaWyłączanie i włączanie pólUkrywanie i wyświetlanie opcji formularzaPrzykład — proste wzbogacanie formularzaAktywowanie polaWyłączanie pól formularzaUkrywanie pól formularzaWalidacja formularzyWtyczka ValidationPodstawowa walidacjaDodawanie reguł walidacjiDodawanie komunikatów o błędachZaawansowana walidacjaZaawansowane regułyZaawansowane komunikaty o błędachOkreślanie stylu komunikatów o błędachPrzykład zastosowania walidacjiProsta walidacjaWalidacja zaawansowanaWalidacja pól wyboru i przycisków opcjiFormatowanie komunikatów o błędach
Czym jest jQuery UI?Dlaczego warto używać jQuery UI?Stosowanie jQuery UIDodawanie jQuery UI do stronyWyświetlanie komunikatów przy użyciu okien dialogowychMiniprzykład — tworzenie okna dialogowegoOkreślanie właściwości okna dialogowegoMiniprzykład — przekazywanie opcji do okna dialogowegoOtwieranie okna dialogowego w odpowiedzi na zdarzeniaDodawanie przycisków do okien dialogowychMiniprzykład — dodawanie przycisków do okien dialogowychPrezentowanie informacji w etykietkach ekranowychMiniprzykład — szybkie dodawanie etykietek ekranowychOpcje etykietek ekranowych
Miniprzykład — umieszczanie kodu HTML w etykietkach ekranowychDodawanie zestawów kartOpcje zestawów kartMiniprzykład — dodawanie zestawu kartKarty prezentujące zawartośćOszczędzanie miejsca z wykorzystaniem akordeonówMiniprzykład — tworzenie akordeonu jQuery UIDodawanie menuTworzenie poziomego paska nawigacyjnego
Wybieranie dat ze stylemOkreślanie właściwości kalendarzyPrzykład — pole do wyboru daty urodzeniaStylowe rozwijane listyOkreślanie właściwości list rozwijanychWykonywanie operacji po wybraniu opcji z listyStylowe przyciskiDostosowywanie przyciskówPoprawianie wyglądu przycisków opcji i pól wyboruDostarczanie podpowiedzi przy użyciu automatycznego uzupełnianiaGenerowanie podpowiedzi przy użyciu tablicy danychStosowanie osobnych etykiet i wartościPobieranie danych automatycznego uzupełniania z serweraOpcje widżetu AutocompletePrzykład — widżety UI usprawniające formularze
Prezentacja narzędzia ThemeRollerPobieranie i stosowanie nowego tematuDodawanie własnego tematu do istniejących stron WWWWięcej informacji o arkuszach stylów jQuery UIPrzesłanianie stylów jQuery UIZasada szczegółowościJak są określane style widżetów jQuery UI?
Widżet DraggableDodawanie widżetu Draggable do stronyMiniprzykład — zastosowanie widżetu DraggableOpcje widżetu DraggableZdarzenia widżetu DraggableZdarzenie createZdarzenie startZdarzenie dragZdarzenie stopWidżet DroppableStosowanie widżetu DroppableOpcje widżetu DroppableZdarzenia widżetu DroppableZdarzenie dropZdarzenie activateZdarzenie deactivateZdarzenie overZdarzenie outPrzykład — technika „przeciągnij i upuść”
Stosowanie widżetu SortableOpcje widżetu SortableZdarzenia widżetu SortableMetody widżetów SortableEfekty jQuery UIEfektyTempo animacjiAnimowanie zmiany klas
Czym jest AJAX?AJAX — podstawyElementy układankiKomunikacja z serwerem WWWAJAX w bibliotece jQueryUżywanie metody load()Przykład — korzystanie z metody load()Omówienie przykładuTworzenie koduMetody get() i post()Formatowanie danych przesyłanych na serwerŁańcuch znaków z zapytaniemLiterały obiektoweFunkcja serialize() biblioteki jQueryPrzetwarzanie danych zwróconych z serweraObsługa błędówPrzykład — korzystanie z metody $.get()Omówienie przykładuTworzenie koduFormat JSONDostęp do danych z obiektów JSONZłożone dane JSONPrezentacja JSONPDodawanie do witryny kanału FlickrTworzenie adresu URLKilka innych opcji publicznych kanałów FlickrŁączenie opcjiStosowanie metody $.getJSON()Prezentacja danych kanału Flickr w formacie JSONPrzykład — dodawanie zdjęć z Flickr na własnej stronie
Przegląd aplikacjiDodanie przyciskuDodanie okna dialogowegoDodawanie zadańOznaczanie zadania jako wykonanegoDelegowanie zdarzeńUsuwanie zadańDalsze krokiEdycja zadańPotwierdzanie usunięciaZapisywanie listyMagazyn lokalnyZapis na serwerzeInne pomysły
Przydatne informacje i sztuczki związane z jQuery$() to to samo, co jQuery()Zapisywanie pobranych elementów w zmiennychJak najrzadsze dodawanie treściOptymalizacja selektorówKorzystanie z dokumentacji jQueryCzytanie dokumentacji na stronie jQueryPoruszanie się po DOMInne funkcje do manipulacji kodem HTML
Stosowanie łańcuchów znakówOkreślanie długości łańcuchaZmiana wielkości znaków w łańcuchuPrzeszukiwanie łańcuchów znaków: zastosowanie indexOf()Pobieranie fragmentu łańcucha przy użyciu metody slice()Odnajdywanie wzorów w łańcuchachTworzenie i stosowanie podstawowych wyrażeń regularnychTworzenie wyrażeń regularnychGrupowanie fragmentów wzorcówPrzydatne wyrażenia regularneKod pocztowyNumer telefonu stacjonarnegoAdresy e-mailDatyAdresy stron WWWDopasowywanie wzorcówDopasowywanie każdego wystąpienia wzorcaZastępowanie tekstówTestowanie wyrażeń regularnych
Zamiana łańcucha znaków na liczbęSprawdzanie występowania liczbZaokrąglanie liczbFormatowanie wartości monetarnychTworzenie liczb losowychLosowe pobieranie elementu tablicyFunkcja do generacji liczby losowejDaty i godzinyPobieranie miesiącaOkreślanie dnia tygodniaPobieranie czasuZmiana godzin do formatu 12-godzinnegoDopełnianie pojedynczych cyfrTworzenie daty innej niż bieżącaTworzenie daty z zadaną liczbą dni w przódTworzenie bardziej wydajnego kodu JavaScriptZapisywanie ustawień w zmiennychZapisywanie ustawień w obiektachOperator trójargumentowyInstrukcja SwitchŁączenie tablic i dzielenie łańcuchów znakówŁączenie różnych elementówUżywanie zewnętrznych plików JavaScriptTworzenie kodu JavaScript o krótkim czasie wczytywania
Najczęstsze błędy w kodzie JavaScriptBrak symboli końcowychCudzysłowy i apostrofyUżywanie słów zarezerwowanychPojedynczy znak równości w instrukcjach warunkowychWielkość znakówNieprawidłowe ścieżki do zewnętrznych plików JavaScriptNieprawidłowe ścieżki w zewnętrznych plikach JavaScriptZnikające zmienne i funkcjeTestowanie aplikacji przy użyciu konsoliOtwieranie konsoliPrzeglądanie błędów przy użyciu konsoliŚledzenie działania skryptu za pomocą funkcji console.log()Przykład — korzystanie z konsoliDiagnozowanie zaawansowaneKontrolowanie działania skryptu za pomocą debuggeraObserwowanie skryptuPrzykład diagnozowania
Źródła informacjiWitrynyKsiążkiPodstawy języka JavaScriptWitrynyKsiążkijQueryWitrynyKsiążkiZaawansowany język JavaScriptArtykuły i prezentacjeWitrynyKsiążkiCSSWitrynyKsiążki
ROZDZIAŁ 1 Pierwszy program w języku JavaScriptROZDZIAŁ 6 Animacje i efektyROZDZIAŁ 9 Rozbudowa interfejsu użytkownikaROZDZIAŁ 12 Interakcje i efekty jQuery UIROZDZIAŁ 13 Wprowadzenie do technologii AJAXROZDZIAŁ 17 Diagnozowanie i rozwiązywanie problemówDODATEK A Materiały związane z językiem JavaScript