Tworzenie animacji z użyciem języka JavaScript
Zawiera darmowych rozdziałów: 6 | |
Stron w książce: 160 | Udostępniono darmowych stron: 9 |
Data wydania: 2015-11-20 | Przejdź na stronę księgarni |
Czytano online: 1 | Cena książki drukowanej: 34,90 zł |
Język wydania: Polish | Wydawnictwo: Helion |
Pobierz pdf | Czytaj online ( Alt+1 ) |
Twój unikalny przewodnik po świecie animacji JavaScript!
Do niedawna umieszczenie zaawansowanej animacji na stronie WWW wymagało zastosowania technologii flashowej opracowanej przez firmę Adobe. Takie rozwiązanie powodowało wiele zagrożeń, a ponadto konieczna była instalacja dodatkowego oprogramowania. Ciągły rozwój możliwości przeglądarek, języka JavaScript oraz HTML umożliwił w końcu tworzenie nawet bardzo zaawansowanych animacji bez potrzeby korzystania z zewnętrznych narzędzi.
Jeżeli chcesz się nauczyć tworzyć animacje, czerpiąc z możliwości JavaScript, trafiłeś na właściwy podręcznik. W trakcie lektury kolejnych rozdziałów zdobędziesz bezcenną wiedzę na temat biblioteki Velocity.js oraz zasad projektowania ruchu. Potem przejdziesz do praktycznych aspektów pracy z animacjami — dowiesz się, jak rozdzielić style i logikę, jak zorganizować różne sekwencje animacji oraz jak dodawać efekty. Następnie nauczysz się animować teksty i korzystać z grafiki wektorowej w formacie SVG oraz zadbasz o wydajność animacji. Ta książka stanowi doskonałą lekturę, po której zaskoczysz użytkowników Twoich stron WWW atrakcyjnymi animacjami.
Dzięki tej książce:
- Poznasz bibliotekę Velocity.js
- Zrozumiesz teoretyczne podstawy projektowania ruchu
- Zaznajomisz się z najlepszymi technikami kodowania animacji
- Przygotujesz animację tekstu
- Poznasz format SVG
- Wykonasz atrakcyjny pokaz dla Twoich klientów
Julian Shapiro — założyciel start-upu oraz deweloper. Obecnie skupia uwagę na poprawie prezentacji ruchu w internecie. Autor biblioteki Velocity.js, najczęściej używanej do tworzenia animacji JavaScript na stronach WWW. Velocity.js jest stosowana przez takie serwisy jak np. WhatsApp oraz Tumblr.
W darmowym rozdziale opisano ogólnie podstawy animacji w języku JavaScript, wspomniano również o darmowej bibliotece Velocity.js.
Wstęp (7)
Wprowadzenie (9)
Rozdział 1. Zalety animacji JavaScript (10)
- Animacje JavaScript a animacje CSS (12)
- Wspaniała wydajność (14)
- Możliwości (15)
- Proces łatwy w utrzymaniu (17)
- Podsumowanie (18)
Rozdział 2. Tworzenie animacji za pomocą Velocity.js (20)
- Typy bibliotek animacji JavaScript (22)
- Instalacja jQuery i Velocity (23)
- Praca z Velocity: podstawy (24)
- Praca z Velocity: opcje (28)
- Praca z Velocity: dodatkowe funkcje (34)
- Praca z Velocity: bez jQuery (średnio zaawansowane) (37)
- Podsumowanie (39)
Rozdział 3. Teoria projektowania ruchu (40)
- Projekt ruchu poprawia wrażenia użytkownika (42)
- Użyteczność (45)
- Elegancja (50)
- Podsumowanie (55)
Rozdział 4. Praca z animacjami (56)
- Praca z animacjami CSS (58)
- Technika kodowania: rozdzielenie stylowania od logiki (61)
- Technika kodowania: organizacja sekwencji animacji (66)
- Technika kodowania: dodawanie efektów (70)
- Techniki projektowania (73)
- Podsumowanie (77)
Rozdział 5. Animacja tekstu (78)
- Standardowe podejście do animacji tekstu (80)
- Przygotowujemy elementy tekstu do animacji za pomocą Blast.js (82)
- Wprowadzanie tekstu do widoku i wyprowadzanie go z niego (89)
- Zmiana indywidualnych elementów tekstu (92)
- Bardziej wyszukane zmiany tekstu (93)
- Floresy tekstowe (94)
- Podsumowanie (96)
Rozdział 6. Podstawowe informacje o SVG (98)
- Tworzenie obrazków za pomocą kodu (100)
- Język znaczników SVG (101)
- Stylowanie SVG (103)
- Wsparcie dla SVG (104)
- Animacje SVG (105)
- Przykład implementacji: animowane logo (108)
- Podsumowanie (109)
Rozdział 7. Wydajność animacji (110)
- Realia wydajności stron internetowych (112)
- Technika: zapobieganie uszkodzeniu układu strony (115)
- Technika: seryjne dodawanie elementów do DOM (119)
- Technika: unikanie wpływu na sąsiednie elementy (122)
- Technika: unikanie równoległego wczytywania (124)
- Technika: nie reaguj w sposób ciągły na zdarzenia przewijania i zmiany rozmiaru przeglądarki (126)
- Technika: redukowanie generowanego obrazu (127)
- Technika: degradacja animacji na starszych przeglądarkach (129)
- Odnajdź właściwy próg wydajności na wczesnym etapie (131)
- Podsumowanie (135)
Rozdział 8. Pokaz animacji (136)
- Zachowanie (138)
- Struktura kodu (140)
- Sekcja kodu: Konfiguracja animacji (142)
- Sekcja kodu: Tworzenie kół (143)
- Sekcja kodu: Animacja kontenera (144)
- Sekcja kodu: Animacja kół (147)
- Podsumowanie (151)
Skorowidz (153)
Informatyka » JavaScript