html5.-rusz-glowa! helion.pdf

(180786 KB) Pobierz
887636606.050.png
Spis treści
Spis treści (skrócony)
Wprowadzenie
21
1. Poznajemy HTML5. Witaj w Webowicach
33
2. Wstęp do JavaScriptu i struktury DOM. Odrobina kodu
65
3. Zdarzenia, ich obsługa i takie tam. Odrobina interakcji
113
4. Funkcje i obiekty w JavaScripcie. Z JavaScriptem na poważnie
139
5. Twoja strona wie, gdzie jesteś. Geolokalizacja
189
6. Rozmawiamy z siecią. Aplikacje otwarte na innych
235
7. Odkryj w sobie artystę. Element canvas
301
8. Telewizja po liftingu. Element video... gościnnie występuje canvas
367
9. Lokalne składowanie danych. Mechanizm Web Storage
429
10. Zaprzęgamy JavaScript do pracy. Wątki robocze
487
Dodatek. Dziesięć najciekawszych tematów (o których nie wspomnieliśmy)
543
Skorowidz
561
Spis treści (z prawdziwego zdarzenia)
Wprowadzenie
Twój mózg koncentruje się na programowaniu w HTML5. Starasz się czegoś
nauczyć , ale Twój mózg robi Ci wątpliwą przysługę i nie przykłada się do utrwalania zdobytej
wiedzy. Pewnie sobie myśli: „Lepiej zostawię więcej miejsca na ważniejsze informacje, jak na
przykład to, jakich dzikich zwierząt powinienem unikać albo czy jazda nago na snowboardzie
będzie dobrym pomysłem”. Jak w takim razie oszukać mózg, by zaczął myśleć, że od znajomości
HTML5 i JavaScriptu zależy Twoje życie?
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
9
887636606.051.png
Spis treści
Poznajemy HTML5
Witaj w Webowicach
1
HTML pokonał długą i krętą drogę. Jasne, że HTML na początku był zwykłym językiem
znacznikowym, ale ostatnio przybyło mu trochę mięśni. Stał się teraz językiem dostosowanym
do tworzenia prawdziwych aplikacji internetowych z możliwością lokalnego składowania danych,
rysowania 2D, pracy offline, obsługi gniazd i wątków, a na tym nie koniec. HTML ma w swojej
historii wiele nie najlepszych, a nawet dramatycznych momentów (do wszystkiego z czasem
dojdziemy). W tym rozdziale wybierzemy się na krótką przejażdżkę po Webowicach, by poznać
wszystko to, co składa się na HTML5. No dalej, wskakuj! Kierunek Webowice — od zera do HTML5
w 3,8 strony (na pełnym gazie).
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
html
Co możesz zrobić w JavaScripcie?
54
head
body
Piszemy poważny kod w JavaScripcie
57
title
script
h1
h2
em
p
Piszemy poważny kod w JavaScripcie — rozwiązanie
58
Celne spostrzeżenia
63
Rozwiązania ćwiczeń
64
Element
canvas
Wideo
Lokalne
składowanie
danych
Buforowanie
offline
Dźwięk
Gniazda
Znaczniki
Przeciągnij
i upuść
Wątki
robocze
Geolokalizacja
Formularze
10
887636606.052.png 887636606.053.png 887636606.001.png 887636606.002.png 887636606.003.png 887636606.004.png 887636606.005.png 887636606.006.png 887636606.007.png 887636606.008.png 887636606.009.png 887636606.010.png 887636606.011.png 887636606.012.png 887636606.013.png 887636606.014.png 887636606.015.png 887636606.016.png 887636606.017.png 887636606.018.png 887636606.019.png 887636606.020.png 887636606.021.png 887636606.022.png 887636606.023.png 887636606.024.png 887636606.025.png 887636606.026.png 887636606.027.png 887636606.028.png 887636606.029.png 887636606.030.png 887636606.031.png 887636606.032.png 887636606.033.png 887636606.034.png 887636606.035.png 887636606.036.png 887636606.037.png 887636606.038.png 887636606.039.png 887636606.040.png 887636606.041.png 887636606.042.png 887636606.043.png 887636606.044.png 887636606.045.png
 
Spis treści
Wstęp do JavaScriptu i struktury DOM
Odrobina kodu
2
JavaScript zabierze Cię w całkiem nowe miejsca. Wiesz już wszystko o znacznikach
HTML (związanych ze strukturą ), stylach CSS (związanych z prezentacją ), więc tym, czego Ci
brakuje, jest język JavaScript (związany z zachowaniem ). Jeśli Twoja wiedza ogranicza się do
struktury i prezentacji, możesz — rzecz jasna — tworzyć doskonale wyglądające strony, ale
pozostaną one tylko stronami . Dodanie za pośrednictwem JavaScriptu zachowań niesamowicie
zwiększa możliwości interakcji, a nawet lepiej — możesz tworzyć prawdziwe aplikacje
internetowe. Przygotuj się na dołożenie do Twojego pudełka na narzędzia internetowe
najbardziej interesującego i uniwersalnego sprzętu: JavaScriptu i programowania!
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
11
887636606.046.png 887636606.047.png
Spis treści
Zdarzenia, ich obsługa i takie tam...
Odrobina interakcji
3
Wciąż jeszcze nie zatroszczyłeś się o kontakt z użytkownikiem. Poznałeś podstawy
JavaScriptu, ale czy umiesz nawiązać bezpośredni kontakt z użytkownikiem? Gdy strony zaczynają
odpowiadać na działania użytkownika, przestają być zwykłymi dokumentami, a stają się żywymi,
czującymi i reagującymi aplikacjami. W tym rozdziale dowiesz się, jak obsługiwać jedną z form
wprowadzania danych przez użytkownika i powiązać stary dobry element <form> z kodem.
Być może brzmi to trochę groźnie, ale, uwierz, otwiera niesamowite możliwości. Lepiej zapnij pasy,
bo przed Tobą ekstremalna jazda — w mgnieniu oka od zera do interaktywnej aplikacji.
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
12
887636606.048.png 887636606.049.png
Zgłoś jeśli naruszono regulamin