HTML5 Zaawansowane programowanie.pdf

(752 KB) Pobierz
Tytuł oryginału: Pro HTML5 Programming, Second Edition
Tłumaczenie: Jakub Hubisz
ISBN: 978-83-246-4809-2
Original edition copyright © 2011 by Peter Lubbers, Brian Albers, and Frank Salim.
All rights reserved.
Polish edition copyright © 2013 by HELION SA.
All rights reserved.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Wydawnictwo HELION dołożyło wszelkich starań, by zawarte w tej książce informacje były kompletne
i rzetelne. Nie bierze jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym
ewentualne naruszenie praw patentowych lub autorskich. Wydawnictwo HELION nie ponosi również
żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail: helion@helion.pl
WWW: http://helion.pl (księgarnia internetowa, katalog książek)
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/htm5zp.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/htm5zp
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis tre ci
Przedmowa ..............................................................................................................13
O autorach ...............................................................................................................14
O korektorze merytorycznym ...................................................................................15
PodziÚkowania ........................................................................................................16
Wprowadzenie .........................................................................................................17
Dla kogo jest ta książka .......................................................................................................................... 17
Przegląd zawartości książki ................................................................................................................... 18
Przykładowe kody i strona książki ....................................................................................................... 18
Rozdziaï 1. PrzeglÈd HTML5 .......................................................................................................19
Do tej pory — historia HTML5 ............................................................................................................ 19
Mit roku 2022 i dlaczego nie ma on znaczenia .................................................................................. 20
Kto tworzy HTML5? .............................................................................................................................. 21
Nowa wizja .............................................................................................................................................. 21
Kompatybilność i wytyczanie ścieżek ........................................................................................ 21
Użyteczność i priorytet użytkownika ......................................................................................... 21
Uproszczenie współpracy ............................................................................................................ 22
Uniwersalny dostęp ...................................................................................................................... 23
Paradygmat braku wtyczek ................................................................................................................... 23
Co przyszło, a co odeszło? ........................................................................................................... 24
Co nowego w HTML5? .......................................................................................................................... 25
Nowy DOCTYPE i deklaracja zestawu znaków ....................................................................... 25
Nowe i wycofane elementy .......................................................................................................... 26
Znaczniki semantyczne ................................................................................................................ 27
Uproszczone wybieranie przy wykorzystaniu API selektorów .............................................. 32
Kup książkę
Poleć książkę
SPIS TRE¥CI
Logowanie i debugowanie JavaScript ........................................................................................ 34
window.JSON ................................................................................................................................ 35
DOM poziom 3 ............................................................................................................................. 36
Wzrost wydajności ........................................................................................................................ 36
Podsumowanie ........................................................................................................................................ 37
Rozdziaï 2. Wykorzystanie Canvas API .......................................................................................39
Wprowadzenie do canvas w HTML5 .................................................................................................. 39
Historia ........................................................................................................................................... 39
Czym jest canvas ........................................................................................................................... 40
Koordynaty .................................................................................................................................... 40
Kiedy nie używać elementu canvas ............................................................................................ 40
Zawartość zastępcza ..................................................................................................................... 41
CSS i canvas ................................................................................................................................... 42
Wsparcie przeglądarek dla elementu canvas ............................................................................ 42
Wykorzystanie Canvas API .................................................................................................................. 42
Sprawdzenie wsparcia w przeglądarce ....................................................................................... 42
Dodanie elementu na stronę ....................................................................................................... 43
Wykonywanie transformacji na rysunkach .............................................................................. 45
Praca ze ścieżkami ........................................................................................................................ 47
Praca ze stylami obramowania ................................................................................................... 49
Praca ze stylami wypełnienia ...................................................................................................... 49
Wypełnienie prostokątnego obszaru ......................................................................................... 50
Rysowanie krzywych .................................................................................................................... 51
Wstawianie obrazów na elemencie canvas ............................................................................... 53
Wykorzystanie gradientów .......................................................................................................... 53
Wykorzystanie deseni tła ............................................................................................................. 55
Zmiana rozmiaru obiektów na elemencie canvas .................................................................... 56
Wykorzystanie operacji transformacji ....................................................................................... 58
Renderowanie tekstu na elemencie canvas ............................................................................... 60
Tworzenie cieni ............................................................................................................................. 61
Praca z pikselami ........................................................................................................................... 62
Implementacja zasad bezpieczeństwa ........................................................................................ 64
Budowanie aplikacji za pomocą elementu canvas HTML5 ............................................................. 65
Porady praktyczne: szklany panel na całą stronę ..................................................................... 68
Porady praktyczne: synchronizowanie animacji ...................................................................... 68
Podsumowanie ........................................................................................................................................ 70
Rozdziaï 3. Praca ze skalowalnÈ grafikÈ wektorowÈ .................................................................73
Przegląd SVG .......................................................................................................................................... 73
Historia ........................................................................................................................................... 73
Zrozumieć SVG ............................................................................................................................. 74
Grafika skalowalna ....................................................................................................................... 75
Tworzenie grafiki 2D za pomocą SVG ...................................................................................... 76
6
Kup książkę
Poleć książkę
SPIS TRE¥CI
Umieszczenie SVG na stronie ..................................................................................................... 76
Proste kształty ................................................................................................................................ 77
Transformacje elementów SVG .................................................................................................. 78
Powtórne wykorzystanie zawartości .......................................................................................... 78
Desenie i gradienty ....................................................................................................................... 79
Ścieżki SVG .................................................................................................................................... 80
Tekst w SVG .................................................................................................................................. 81
Budowanie sceny ........................................................................................................................... 81
Budowanie interaktywnej aplikacji z wykorzystaniem SVG ............................................................ 83
Dodawanie drzew ......................................................................................................................... 83
Dodanie funkcji updateTrees ...................................................................................................... 83
Dodanie funkcji removeTree ...................................................................................................... 84
Dodanie styli CSS .......................................................................................................................... 84
Pełen kod ........................................................................................................................................ 84
Podsumowanie ........................................................................................................................................ 87
Rozdziaï 4. Praca z elementami audiowizualnymi .....................................................................89
Przegląd informacji o elementach audio i video ................................................................................ 89
Kontenery wideo ........................................................................................................................... 89
Kodeki audio i wideo .................................................................................................................... 90
Restrykcje audio i wideo .............................................................................................................. 91
Wsparcie przeglądarek dla dźwięku i wideo ............................................................................. 91
Wykorzystanie API dla dźwięku i wideo ............................................................................................ 92
Sprawdzanie wsparcia przeglądarek .......................................................................................... 92
Dostępność ..................................................................................................................................... 93
Zrozumieć elementy audio i video ............................................................................................. 94
Praca z dźwiękiem ........................................................................................................................ 98
Praca z wideo ................................................................................................................................. 99
Praktyczne dodatki ..................................................................................................................... 106
Podsumowanie ...................................................................................................................................... 108
Rozdziaï 5. Wykorzystanie geolokalizacji .................................................................................109
Informacje o lokalizacji ........................................................................................................................ 109
Szerokość i długość geograficzna ............................................................................................. 110
Skąd pochodzą informacje ........................................................................................................ 110
Dane wynikające z adresu IP ..................................................................................................... 111
Dane GPS ..................................................................................................................................... 111
Dane pobierane w oparciu o Wi-Fi .......................................................................................... 111
Dane pobierane z telefonu komórkowego .............................................................................. 112
Dane podawane przez użytkownika ........................................................................................ 112
Wsparcie geolokalizacji przez przeglądarki ...................................................................................... 112
Prywatność ............................................................................................................................................ 113
Uruchomienie mechanizmu ochrony prywatności ............................................................... 113
Obchodzenie się z danymi geolokalizacyjnymi ...................................................................... 114
7
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin