ebook HTML5 Sebastian Rosik

Wydawca: Wydawnictwo Naukowe PWN

Rok wydania: 2016

Książka jest pozycją techniczną skupioną wokoło technologii przeglądarkowych umożliwiających tworzenie poszczególnych elementów aplikacji przeglądarkowych. Jest ona napisana z myślą o początkujących jak i średnio-zaawansowanych programistach chcących poszerzyć swoją wiedzę z zakresu technologii HTML5.

Spis treści ebooka 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