HTML5

Wstęp 9 Informacje techniczne 13 Serwer lokalny 13 Komentarze 13 Praca z kodem 14 Odniesienia do elementów 14 Wersje oprogramowania 14 Oficjalna witryna World Wide Web 15 Rozdział 1. Przydatne narzędzia 17 1.1. Google Chrome DevTools 19 Elementy (elements) 20 Ruch sieciowy (network) 21 Źródła (sources) 22 Zasoby (resources) 24 Konsola (console) 25 1.2. Platforma programistyczna Node.js 26 Instalacja 26 Node Package Manager (NPM) 27 1.3. Gulp.js – automatyzacja zadań 29 Instalacja i pierwsze zadanie 30 Operacje na plikach 32 Strumienie oraz pliki wirtualne 33 Maski 34 Pojedynczy symbol gwiazdki 35 Podwójny symbol gwiazdki 36 Znak zapytania 36 Zakres 37 Zadania asynchroniczne 38 Drzewo zadań 40 Wtyczki 43 1.4. Transkompilacja LESS do CSS 44 Instalacja 44 Możliwości 45 Zmienne 45 Zagnieżdżenia 47 Import 48 Operacje 50 Znak modyfikacji 51 Domieszki 52 Domieszki jako funkcje 53 Rozszerzenia 54 Rozdział 2. CSS3 i tworzenie komponentów 55 2.1. Animacje 57 Wiele animacji 62 Prefiksy 63 2.2. Przejścia 65 2.3. CSS3 Flexbox model 66 Flex container, flex item 68 2.4. Przykładowy layout 79 Rozdział 3. Wprowadzenie do ECMAScript 6 93 3.1. Rozkład struktury obiektów 96 3.2. Zasięg zmiennych 97 3.3. Funkcje strzałki 99 3.4. Operator spread 101 3.5. Babel.js – transkompilacja ES6 do ES5 102 Rozdział 4. Web Components 105 4.1. Wypełnienie 108 Webcomponents.js 109 Załączanie wypełnienia 111 Działanie wypełnienia 112 ShadowCSS 113 Czy używać Shadow DOM? 114 4.2. Custom Elements 115 Cykl życia elementu 117 Rozszerzanie możliwości istniejących elementów 118 4.3. Szablony 120 4.4. HTML Imports 124 Importowanie dokumentów HTML 124 Arkusze stylów i skrypty 126 Zdarzenie importowanego dokumentu 131 Kolejność wykonywania skryptów 132 4.5. Shadow DOM 135 Tworzenie Shadow DOM 138 Relacja rodzic–potomek 140 Selektory i CSS 141 Pseudoklasy :host oraz :host-context 142 Kombinator /deep/ 146 Pseudoelement ::shadow 149 Element content 151 Działanie atrybutu select 154 Wiele elementów content w pojedynczym Shadow Root 157 Element shadow 159 Ograniczenia content oraz shadow 160 4.6. Przykładowy komponent 162 Struktura i kod komponentu 163 Komponent x-submit 166 Komponent x-spinner 176 Nadawanie stylu elementom span krok po kroku 178 Rozdział 5. MediaPlayer – przykładowa aplikacja 183 5.1. Przygotowanie i automatyzacja środowiska pracy 186 5.2. Struktura aplikacji 196 5.3. Komponent X-Player 199 Struktura komponentu X-Player 199 Inicjowanie komponentu 201 Szablon komponentu 203 Styl komponentu 205 Reagowanie na utworzenie elementu 209 Obsługa zdarzeń 211 Volume 218 Fullscreen 221 Obsługa klawiatury 223 5.4. Komponent X-Slider 226 5.5. Komponent X-Icon 236 5.6. Podsumowanie 240