Chcesz tworzyć strony internetowe, które są dynamiczne, interaktywne, bogate w treści i utrzymują łączność z innymi serwisami. Chwila, na pewno chodzi Ci o strony internetowe? A może lepiej użyć HTML5 do tworzenia pełnokrwistych aplikacji internetowych? A jeżeli już, to czemu nie skorzystać z najnowszych technologii, które sprawdzą się zarówno w przeglądarkach desktopowych, jak i urządzeniach mobilnych? Poza tym na pewno interesują Cię nowe możliwości oferowane przez HTML5, takie jak geolokalizacja, wideo, grafika 2D, składowanie danych, wątki robocze i wiele innych, prawda?

Kolejna książka z serii "Rusz głową!" to najlepszy sposób na opanowanie nowości HTML5. Niezwykle atrakcyjna forma graficzna oraz nowoczesna metodologia nauki sprawiają, że już za kilkanaście dni będziesz specjalistą w zakresie HTML5. Dowiedz się, jak wykorzystać usługi geolokalizacyjne, jak rysować na płótnie (canvas) oraz składować dane na komputerze użytkownika. Sprawdź również, co możesz zyskać dzięki WebSockets oraz jak wycisnąć siódme poty z języka JavaScript. Nauka HTML5 jeszcze nigdy nie była tak łatwa! Spróbuj sam!

Poznaj HTML5 i korzystaj z:

• usług geolokalizacyjnych
• elementów multimedialnych
• bazy danych w przeglądarce
• zaawansowanych funkcji graficznych

Osoby które kupowały "HTML5. Rusz głową!", wybierały także:

• HTML5. Kurs video. Poziom pierwszy. Programowanie dla początkujących webmasterów 89,00 zł, (26,70 zł -70%)
• Tworzenie gier w języku HTML5 dla profesjonalistów. Wydanie II 67,42 zł, (20,90 zł -69%)
• HTML 5. Kurs video. Poziom drugi. Tworzenie profesjonalnych stron WWW 89,00 zł, (35,60 zł -60%)
• Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM 47,93 zł, (22,05 zł -54%)
• HTML i CSS. Przewodnik dla pocz 69,00 zł, (34,50 zł -50%)

Spis treści

HTML5. Rusz głową! eBook -- spis treści

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)