POLECAMY
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.
Rok wydania | 2016 |
---|---|
Liczba stron | 242 |
Kategoria | Programowanie |
Wydawca | Wydawnictwo Naukowe PWN |
ISBN-13 | 978-83-01-18742-2 |
Numer wydania | 1 |
Język publikacji | polski |
Informacja o sprzedawcy | ePWN sp. z o.o. |
POLECAMY
Ciekawe propozycje
HTML5 i CSS3
do koszyka
Zawód tester
do koszyka
Linux Magazine (sierpień 2022)
do koszyka
Linux Magazine (październik 2022)
do koszyka
Linux Magazine (wrzesień 2022)
do koszyka
Linux Magazine (lipiec 2022)
do koszyka
Linux Magazine (marzec 2022)
do koszyka
Spis treści
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 |