Wprowadzenie

• Dla kogo jest ta książka? (22)
• Wiemy, co sobie myślisz (23)
• Wiemy też, co sobie myśli Twój mózg (23)
• Metapoznanie - myślenie o myśleniu (25)
• Redaktorzy techniczni (30)
• Podziękowania (31)

1. Witaj w Webowicach

• JUŻ DZIŚ przesiądź się na HTML5! (34)
• Wprowadzenie do maszynki do HTML5. Zaktualizuj swój HTML już dziś! (36)
• Jesteś bliżej znaczników HTML5, niż myślisz! (39)
• Wywiad tygodnia: Najnowszy HTML wyznaje swoje sekrety (43)
• Czy mógłby się w końcu pokazać PRAWDZIWY HTML5? (44)
• Jak tak naprawdę działa HTML5? (46)
• Kto się czym zajmuje? (48)
• Twoja pierwsza misja: rekonesans wśród przeglądarek (49)
• Co możesz zrobić w JavaScripcie? (54)
• Piszemy poważny kod w JavaScripcie (57)
• Piszemy poważny kod w JavaScripcie - rozwiązanie (58)
• Celne spostrzeżenia (63)
• Rozwiązania ćwiczeń (64)

2. Odrobina kodu

• Mechanizm działania JavaScriptu (66)
• Co możesz zrobić w JavaScripcie? (67)
• Deklarowanie zmiennych (68)
• Jak nazywać zmienne (70)
• Sztuka wyrażania (się) (73)
• Powtarzaj to w kółko... (76)
• Podejmowanie decyzji w JavaScripcie (79)
• Podejmowanie wielu decyzji i blok wyłapujący (80)
• Jak i gdzie dodać JavaScript do strony (83)
• Jak JavaScript współpracuje ze stroną (84)
• Jak upiec swój własny DOM (85)
• Pierwsza degustacja modelu DOM (86)
• HTML5 jest z Marsa, JavaScript jest z Wenus (88)
• Nie możesz mieszać w strukturze DOM, zanim cała strona nie zostanie załadowana (94)
• Do czego jeszcze może się przydać DOM? (96)
• Pomówmy jeszcze chwilę o JavaScripcie, czyli jak przechowywać wiele wartości (97)
• Sloganomat (101)
• Celne spostrzeżenia (105)
• Rozwiązania ćwiczeń (106)

3. Odrobina interakcji

• Przygotuj się na potańcówkę w Webowicach (114)
• Zaczynamy... (115)
• Ale nic się nie dzieje po kliknięciu przycisku "Dodaj piosenkę" (116)
• Obsługa zdarzeń (117)
• Trzeba to dobrze zaplanować... (118)
• Dostajemy się do przycisku "Dodaj piosenkę" (118)
• Wskazujemy przyciskowi funkcję obsługi zdarzenia (119)
• Przyjrzyjmy się temu bliżej... (120)
• Pobieranie tytułu piosenki (122)
• Jak umieścić piosenkę na stronie (125)
• Jak utworzyć nowy element (127)
• Dodawanie elementu do struktury DOM (128)
• Łączymy to wszystko ze sobą... (129)
• ...i bierzemy na jazdę próbną (129)
• Podsumowanie - co udało się nam zrobić? (130)
• Jak dodać przygotowany kod (133)
• Integrowanie z przygotowanym kodem (134)
• Celne spostrzeżenia (136)
• Rozwiązania ćwiczeń (137)

4. Z JavaScriptem na poważnie

• Poszerzanie słownictwa (140)
• Jak utworzyć własną funkcję (141)
• Jak działa funkcja (142)
• Anatomia funkcji (147)
• Zmienne lokalne i globalne (149)
• Poznaj zasięg lokalnych i globalnych zmiennych (150)
• Och! A czy wspomnieliśmy, że funkcje są również wartościami? (154)
• Czy ktoś tu powiedział "obiekt"?! (157)
• Jak utworzyć obiekt w JavaScripcie (158)
• Przykładowe operacje na obiektach (159)
• Pomówmy o przekazywaniu obiektów do funkcji (162)
• Obiekty mogą mieć też zachowania... (168)
• Tymczasem w kinie Webowice... (169)
• Dodajemy słowo kluczowe "this" (171)
• Jak utworzyć konstruktor (173)
• Jak naprawdę działa this (175)
• Pierwsza jazda próbna konstruktora (179)
• Czym tak naprawdę jest obiekt window? (181)
• Bierzemy window.onload pod lupę (182)
• Ponowne spojrzenie na obiekt document (183)
• Bierzemy document.getElementById pod lupę (183)
• Jeszcze jeden obiekt do przeanalizowania - obiekt reprezentujący element (184)
• Celne spostrzeżenia (186)

5. Geolokalizacja

• Lokalizacja, lokalizacja i jeszcze raz lokalizacja (190)
• Szerokość i długość... (191)
• W jaki sposób Geolocation API określa Twoje położenie (192)
• W porządku, ale gdzie właściwie jesteś? (196)
• Jak to wszystko współdziała (200)
• Odkrywanie lokalizacji naszej tajnej siedziby (203)
• Piszemy kod wyznaczający odległość (205)
• Jak umieścić mapę na stronie (207)
• Wbijanie pinezek w mapę... (210)
• Inne wspaniałości oferowane przez API map Google'a (212)
• Pomówmy o dokładności (215)
• "Gdziekolwiek pójdziesz, tam będziesz" (216)
• Zaczynamy pracę nad aplikacją (217)
• Modyfikujemy istniejący kod... (218)
• Czas się ruszyć! (220)
• Masz kilka opcji... (222)
• Czas na timeout i maximumAge (223)
• Nie próbujcie robić tego w domu! (Badanie granic wytrzymałości geolokalizacji) (226)
• Kończymy pracę nad aplikacją (228)
• Integrowanie aplikacji z nową funkcją (229)
• Celne spostrzeżenia (231)
• Rozwiązania ćwiczeń (232)

6. Aplikacje otwarte na innych

• Firma Megagumy potrzebuje aplikacji internetowej (236)
• Trochę więcej szczegółów na temat przedsięwzięcia (238)
• Jak zgłaszać żądania do usług sieciowych (241)
• Jak zgłosić żądanie z poziomu JavaScriptu (242)
• Wystarczy tego XML-a, poznaj JSON-a (248)
• Piszemy funkcję zwrotną onload (251)
• Wyświetlanie danych o sprzedaży gum (252)
• Jak postawić własny serwer WWW (253)
• Poprawiamy kod, by korzystał z JSON-a (258)
• Przesiadamy się na prawdziwy serwer (259)
• Jednym słowem, zawiecha! (261)
• Wciąż wisisz, pamiętasz? To błąd... (264)
• Zasady bezpieczeństwa w przeglądarce (266)
• Jakie mamy możliwości? (269)
• Poznaj JSONP (274)
• O co chodzi z tym "P" w JSONP? (275)
• Zmodyfikujmy w końcu naszą aplikację (278)
• Krok 1. Zajmujemy się elementem skryptu... (286)
• Krok 2. Czas na odmierzanie czasu (287)
• Krok 3. Piszemy na nowo obsługę JSONP (289)
• Prawie zapomnieliśmy - miejcie się na baczności przed straszliwą pamięcią podręczną przeglądarki (294)
• Jak usunąć powtarzające się dane (295)
• Dodanie do adresu parametru lastreporttime (297)
• Celne spostrzeżenia (299)

7. Element canvas

• Nasz nowy projekt: TweetowaKoszulka (302)
• Przyglądamy się "makiecie" (303)
• Jak umieścić element canvas na stronie (306)
• Jak zobaczyć element canvas (308)
• Rysowanie na płótnie (310)
• Jak wyjść z twarzą z opresji (315)
• TweetowaKoszulka - obraz całości (317)
• Najpierw umieśćmy HTML na swoim miejscu (320)
• Teraz możemy dodać formularz (321)
• Czas na obliczenia - w roli głównej JavaScript (322)
• Piszemy funkcję drawSquare (324)
• Dodajemy wywołanie metody fillBackgroundColor (327)
• Tymczasem na TweetowaKoszulka.com... (329)
• Rysujemy z geekami... (331)
• Rozkładamy metodę arc na części pierwsze (334)
• Smaczki metody arc (336)
• Ja mówię stopnie, a Ty radiany (337)
• Wracamy do kodu rysującego kółka (338)
• Piszemy funkcję drawCircle... (339)
• Pobieranie tweetów (343)
• Zbliżenie na tekst na płótnie (348)
• Ożywiamy funkcję drawText (350)
• Kończymy funkcję drawText (351)
• Celne spostrzeżenia (358)
• Rozwiązania ćwiczeń (360)

8. Element video... gościnnie występuje canvas

• Poznaj TV Webowice (368)
• Podłącz odbiornik i sprawdź, czy działa... (369)
• Jak działa element video (371)
• Dokładna inspekcja atrybutów... (372)
• Co musisz wiedzieć o formatach wideo? (374)
• Trudna sztuka żonglowania formatami... (376)
• Czy dobrze zrozumiałem, że jest jakieś API? (381)
• Planujemy program dla TV Webowice (382)
• Jak napisać funkcję obsługi zdarzenia ended (385)
• Jak działa metoda canPlayType (387)
• Odpakowujemy testową budkę (393)
• Przeglądamy pozostałą część fabrycznego kodu (394)
• Funkcje setEffect i setVideo (396)
• Implementujemy własne kontrolki wideo (402)
• Przełączanie testowych plików wideo (405)
• Czas na efekty specjalne (407)
• Jak przetwarzać wideo (410)
• Jak przetwarzać wideo z użyciem bufora (411)
• Używamy elementu canvas jako bufora (413)
• Teraz zajmiemy się efektami (417)
• Jak korzystać ze zdarzeń błędów (424)
• Celne spostrzeżenia (426)
• Rozwiązania ćwiczeń (427)

9. Mechanizm Web Storage

• Jak działało składowanie danych w przeglądarce (1995 - 2010) (430)
• Jak działa mechanizm Web Storage w HTML5 (433)
• Przypominajki... (434)
• Czy przypadkiem localStorage i tablice nie są bliźniakami? (440)
• Tworzymy interfejs (445)
• Teraz dodamy trochę JavaScriptu (446)
• Kończymy pracę nad interfejsem użytkownika (447)
• Musimy się zatrzymać na mały przegląd (450)
• Zrób to sam: konserwacja aplikacji (451)
• Mamy odpowiednią technologię... (455)
• Przerabiamy aplikację, by korzystała z tablicy (456)
• Modyfikujemy funkcję createSticky, by używała tablicy (457)
• Usuwanie notatek (462)
• Funkcja deleteSticky (465)
• Jak wskazać notatkę do usunięcia (466)
• Jak z obiektu zdarzenia wyciągnąć usuwaną notatkę (467)
• Notatkę usuwamy także ze struktury DOM (468)
• Ulepszamy interfejs użytkownika - dodajemy możliwość wyboru koloru (469)
• JSON.stringify nie tylko do tablic (470)
• Używamy nowego obiektu stickyObj (471)
• Nie próbujcie robić tego w domu! (Rozsadzamy 5-megabajtową składnicę danych) (474)
• Poznałeś już localStorage. Jak i kiedy go zastosować? (478)
• Celne spostrzeżenia (480)
• Rozwiązania ćwiczeń (481)

10. Wątki robocze

• Te okropne powolne skrypty (488)
• Jak JavaScript spędza czas (488)
• Kiedy jednowątkowość się NIE sprawdza (489)
• Nowy wątek przybywa z pomocą (490)
• Jak działają wątki robocze (492)
• Twój pierwszy wątek roboczy (497)
• Tworzymy kod zarządzający wątkami - manager.js (498)
• Odbieranie komunikatu z wątku (499)
• Teraz napiszemy kod wątku (500)
• Wirtualna eksploracja nieznanych lądów (508)
• Jak wyznaczyć zbiór Mandelbrota (510)
• Jak używać wielu wątków (511)
• Budujemy aplikację Eksplorator fraktali (517)
• Kod gotowy do użycia (518)
• Tworzenie wątków i zlecanie im zadań (522)
• Piszemy kod (523)
• Uruchamiamy wątki (524)
• Implementujemy wątek (525)
• Wracamy do kodu - jak przetworzyć wyniki otrzymane z wątku (528)
• Dopasowujemy płótno do okna przeglądarki (531)
• Upierdliwy szef programista (532)
• Laboratorium (534)
• Celne spostrzeżenia (538)
• Rozwiązania ćwiczeń (539)

Dodatek

• 1. Modernizr (544)
• 2. Dźwięk (545)
• 3. jQuery (546)
• 4. Umarł XHTML, niech żyje XHTML (548)
• 5. SVG (549)
• 6. Aplikacje internetowe działające offline (550)
• 7. Gniazda (551)
• 8. Jeszcze raz o elemencie canvas (552)
• 9. API selektorów (554)
• 10. To nie wszystko! (555)
• Przewodnik HTML5 po nowych konstrukcjach (557)
• Przewodnik po elementach semantycznych w HTML5 (558)
• Przewodnik po właściwościach CSS3 (560)

Skorowidz (561)

• Titel: HTML5. Rusz głową!
• Autor: Eric Freeman, Elisabeth Robson
• Originaler Titel: Head First HTML5 Programming: Building Web Apps with JavaScript
• Übersetzung: Aleksander Lamża
• ISBN: 978-83-246-5702-5, 9788324657025
• Veröffentlichungsdatum: 2013-01-30
• Format: E-book
• Artikelkennung: htm5rg
• Verleger: Helion