Úvodem Seznámení s HTML Rozhraní Canvas... 47

Transkript

1 Stručný obsah Úvodem Seznámení s HTML Rozhraní Canvas Práce s audiem a videem v HTML Geolokační rozhraní Komunikační rozhraní Rozhraní WebSocket Rozhraní HTML5 pro formuláře Rozhraní Web Workers Rozhraní webového úložiště Tvorba off-line webových aplikací HTML Budoucnost HTML

2

3 Obsah Předmluva...13 O autorech...14 O odborném korektorovi...14 Poděkování...15 Věnování...16 Úvodem Komu je tato kniha určena...17 Co v této knize najdete...18 Kontakt na autory...19 Zpětná vazba od čtenářů...19 Zdrojové kódy ke knize...19 Errata...20 Kapitola 1 Seznámení s HTML Jak se vyvíjela specifikace HTML Mýtus roku 2022 a proč na tom nezáleží...23 Kdo vyvíjí HTML Nová vize...24 Kompatibilita Přínos a upřednostnění uživatelů...24 Zjednodušení interoperability Obecný přístup Paradigma bez zásuvných modulů...26 Co sem patří a co ne Co je v HTML5 nového...29 Nový DOCTYPE a znaková sada Nové a zastaralé elementy... 31

4 6 Obsah Sémantické elementy Zjednodušení výběru pomocí rozhraní Selector Protokolování a ladění JavaScriptu window.json DOM Level Monkeys, Squirrelfish a další podivnosti Shrnutí...45 Kapitola 2 Rozhraní Canvas Seznámení s rozhraním Canvas jazyka HTML Historie Co je to plátno? Souřadnice plátna Kdy plátno nepoužívat Alternativní obsah CSS a plátno Podpora rozhraní Canvas ze strany prohlížečů Použití rozhraní Canvas...51 Ověření podpory prohlížeče Přidání plátna do stránky Aplikace transformací Práce s cestami Vytažení cesty a jeho styl Práce s výplněmi Vyplnění obdélníkové oblasti Křivky Vložení obrázku do plátna Přechody Pozadí Změna velikost objektů plátna Použití transformací Text Stíny Manipulace s pixely Zabezpečení plátna Vytvoření aplikace využívající rozhraní Canvas Praktický příklad skleněná tabule přes celé okno Shrnutí...84

5 Obsah 7 Kapitola 3 Práce s audiem a videem v HTML Seznámení s audio- a videorozhraním HTML Kontejnery videa Kodeky audia a videa Omezení audia a videa Podpora audia a videa HTML5 v prohlížečích Použití rozhraní audio a video...89 Seznámení s multimediálními elementy Práce s audiem Práce s videem Praktické doplňky Shrnutí Kapitola 4 Geolokační rozhraní Informace o poloze Zeměpisná šířka a délka Odkud pochází informace o poloze? Lokalizace podle adresy IP Lokalizace pomocí GPS Lokalizace pomocí Wi-Fi Lokalizace v mobilní síti Informace o poloze zadané uživatelem Podpora geolokačního rozhraní HTML5 ze strany prohlížečů Soukromí Ochrana soukromí Nakládání s informacemi o poloze Použití geolokačního rozhraní HTML Ověření podpory prohlížeče Požadavky na polohu Opakované aktualizace polohy Praktický příklad použití geolokačního rozhraní HTML Kód HTML Zpracování geolokačních dat Výsledný kód...129

6 8 Obsah Praktické doplňky Jaký je stav? Zobrazení na mapě Shrnutí Kapitola 5 Komunikační rozhraní Komunikace mezi dokumenty Zabezpečení na základě původu Podpora komunikace mezi dokumenty ze strany prohlížečů Použití metody postmessage Ukázka použití metody postmessage Rozhraní XMLHttpRequest Level Požadavky mezi zdroji různých původů Stavové události Podpora rozhraní XMLHttpRequest Level 2 prohlížeči Použití rozhraní XMLHttpRequest Ukázka použití rozhraní XMLHttpRequest Praktické doplňky Strukturovaná data Framebusting Shrnutí Kapitola 6 Rozhraní WebSocket Seznámení s rozhraním WebSocket HTTP a komunikace v reálném čase Rozhraní WebSocket Podpora rozhraní WebSocket ze strany prohlížečů Vytvoření jednoduchého serveru WebSocket Použití rozhraní WebSocket Ověření podpory prohlížeče Seznámení s rozhraním Vytvoření aplikace s použitím rozhraní WebSocket Soubor HTML Kód pro práci s rozhraním WebSocket Kód pro práci s geolokačním rozhraním A teď to dáme všechno dohromady Výsledný kód Shrnutí...193

7 Obsah 9 Kapitola 7 Rozhraní HTML5 pro formuláře Seznámení s rozhraním HTML5 pro formuláře Formuláře HTML vs. XForms Funkční formuláře Podpora formulářů HTML5 ze strany prohlížečů Nové ovládací prvky Použití formulářů HTML Nové atributy a metody Validace formulářů Zobrazení výsledku validace Vytvoření aplikace s formuláři HTML Praktické doplňky Heslo zní validace Shrnutí Kapitola 8 Rozhraní Web Workers Podpora rozhraní Web Workers prohlížeči Použití rozhraní Web Workers Ověření podpory prohlížeče Vytvoření nové instance Web Worker Načítání externích skriptů Vzájemná komunikace Vytvoření hlavní stránky Vytvoření skriptu instance Web Worker Ošetření chyb Ukončení instance Web Worker Použití rozhraní Web Workers uvnitř instance Web Worker Časovače Zdrojový kód ukázky Vytvoření aplikace využívající rozhraní Web Workers HTML Vytvoření skriptu rozmazani.js Vytvoření stránky rozmazani.html Vytvoření skriptu rozmazaniworker.js Komunikace s instancemi Web Worker Aplikace v akci Kód ukázky Shrnutí...240

8 10 Obsah Kapitola 9 Rozhraní webového úložiště Seznámení s rozhraním webového úložiště Podpora rozhraní v prohlížečích Použití rozhraní webového úložiště Ověření podpory prohlížeče Nastavení a získávání hodnot Úniky dat Lokální vs. relační úložiště Další metody a vlastnosti rozhraní webového úložiště Upozornění na aktualizaci obsahu úložiště Prozkoumání obsahu úložiště Vytvoření aplikace využívající rozhraní webového úložiště Budoucnost úložišť na straně prohlížečů Praktické doplňky Ukládání objektů JSON Komunikace mezi okny s použitím úložiště Shrnutí Kapitola 10 Tvorba off-line webových aplikací HTML Seznámení s off-line webovými aplikacemi HTML Podpora off-line webových aplikací HTML5 prohlížeči Použití rozhraní HTML5 pro off-line webové aplikace Ověření podpory prohlížeče Vytvoření jednoduché off-line aplikace Práce off-line Soubory manifestu Vlastnost applicationcache Vytvoření aplikace využívající rozhraní pro off-line webové aplikace HTML Vytvoření souboru manifestu aplikace Vytvoření kódu HTML a CSS Vytvoření kódu v JavaScriptu Ověření podpory prohlížeče...285

9 Obsah 11 Přidání obsluhy aktualizačního tlačítka Přidání kódu pro sledování polohy Přidání kódu pro lokální ukládání dat Obsluha událostí spojených s prací v režimu off-line Shrnutí Kapitola 11 Budoucnost HTML Podpora HTML5 prohlížeči Vývoj HTML WebGL Zařízení Datová audiorozhraní Vylepšení videa Události a dotykové obrazovky P2P sítě Kam to celé směřuje Shrnutí Rejstřík