frameworki javascript. projektowanie interaktywnych i dynamicznych stron www full scan.pdf

(12953 KB) Pobierz
Spis tre ci
Wst p .............................................................................................. 7
Rozdzia 1. Animacje i wizualne efekty specjalne frameworka CreateJS ............. 11
Animacje i wizualne efekty specjalne frameworka CreateJS — wprowadzenie ............. 11
Typy animacji (efekty przenikania) ....................................................................... 12
Klasy, metody, argumenty, parametry, elementy, w a ciwo ci i opcje
efektów specjalnych ........................................................................................... 14
Rozdzia 2. Animacje i wizualne efekty specjalne biblioteki Dojo Toolkit ............ 47
Animacje i wizualne efekty specjalne biblioteki Dojo Toolkit — wprowadzenie .......... 47
Typy animacji (efekty przenikania) ....................................................................... 48
Klasy, metody, argumenty, parametry, elementy,
w a ciwo ci i opcje efektów specjalnych ........................................................... 48
Rozdzia 3. Animacje i wizualne efekty specjalne biblioteki Script.aculo.us
Web 2.0 ......................................................................................... 75
Animacje i wizualne efekty specjalne biblioteki Script.aculo.us Web 2.0
— wprowadzenie ............................................................................................................ 76
Parametry, metody i w a ciwo ci efektów specjalnych ......................................... 76
Typy animacji (efekty przenikania) ....................................................................... 78
Podstawowe efekty specjalne ................................................................................ 80
Kombinowane efekty specjalne ............................................................................. 88
Pomocnicze efekty specjalne ............................................................................... 102
Tworzenie animacji z wykorzystaniem parametru delay ..................................... 109
Zachowania sortowania (ang. Sortable), przeci gania (ang. Drag)
i upuszczania (ang. Drop) oraz suwaki (ang. Slider) ........................................ 110
Rozdzia 4. Animacje i wizualne efekty specjalne frameworka MooTools .......... 123
Animacje i wizualne efekty specjalne frameworka MooTools — wprowadzenie ........ 123
Typy animacji (efekty przenikania) ..................................................................... 124
Klasy, metody, argumenty, parametry, elementy,
w a ciwo ci, wtyczki i opcje efektów specjalnych ............................................ 126
Klasa Tips ........................................................................................................... 151
Klasa Mask.Fx .................................................................................................... 154
Kup książkę
Poleć książkę
6
Frameworki JavaScript. Projektowanie interaktywnych i dynamicznych stron WWW
Rozdzia 5. Animacje i wizualne efekty specjalne platformy GreenSock
Animation Platform JavaScript (GSAPJS) ....................................... 159
Animacje i wizualne efekty specjalne platformy GSAPJS — wprowadzenie .............. 160
Typy animacji (efekty przenikania) ..................................................................... 160
Klasy, metody, argumenty, parametry, elementy, w a ciwo ci i opcje
efektów specjalnych ......................................................................................... 162
Rozdzia 6. Animacje i wizualne efekty specjalne biblioteki Yahoo!
User Interface (YUI) ..................................................................... 215
Animacje i wizualne efekty specjalne biblioteki Yahoo! User Interface
— wprowadzenie .......................................................................................................... 215
Typy animacji (efekty przenikania) ..................................................................... 216
Klasy, metody, argumenty, parametry, elementy,
w a ciwo ci, atrybuty i opcje efektów specjalnych ............................................ 217
Skorowidz .................................................................................... 237
Kup książkę
Poleć książkę
Wst p
Frameworki, biblioteki i platformy
obiektowego j zyka programowania
JavaScript a tworzenie animowanych
i interaktywnych witryn internetowych
Projektowanie animowanych stron internetowych z wykorzystaniem frameworków,
bibliotek i platform programistycznych skryptowego j zyka programowania JavaScript
jest obecnie standardem powszechnie uznanym i stosowanym przez projektantów i pro-
gramistów stron WWW. Funkcjonalno ci programistyczne frameworków u atwiaj two-
rzenie animowanych, interaktywnych i dynamicznych stron internetowych z wykorzy-
staniem ró nego rodzaju zaawansowanych efektów specjalnych. Te ostatnie z kolei
umo liwiaj budowanie animacji o wysokim stopniu skomplikowania i wielowarstwo-
wej z o ono ci, charakteryzuj cych si szczególn elastyczno ci , p ynno ci i wydaj-
no ci . W zwi zku z powy szym frameworki znajduj szerokie zastosowanie w pro-
cesach projektowania elementów interfejsu u ytkownika, takich jak wid ety (ang.
Widgets),
etykiety (ang.
Tabs),
dymki (ang.
Tooltips),
okna dialogowe (ang.
Dialog win-
dows),
kontrolki (ang.
Controls),
suwaki (ang.
Sliders),
paski stanu lub post pu (ang.
Pro-
gressbars),
przyciski (ang.
Buttons),
systemy nawigacji menu (ang.
Menu),
banery
i rotatory reklamowe (ang.
Banner rotators),
pokazy slajdów (ang.
Slideshows),
galerie
fotografii (ang.
Galleries),
kalendarze (ang.
Calendar)
czy formularze kontaktowe
(ang.
Contact forms).
Ponadto nale y podkre li , e strony WWW zaprojektowane
w oparciu o frameworki s poprawnie wy wietlane przez wi kszo najpopularniejszych
przegl darek internetowych (Firefox, Chrome, Internet Explorer, Opera czy Safari), jak
równie s kompatybilne z najpopularniejszymi przegl darkami uruchamianymi na
systemach operacyjnych urz dze mobilnych (iOS, Android czy Blackberry). W ko cu
nale y doda , e frameworki gwarantuj oszcz dno czasu i wygod w procesach two-
rzenia czy projektowania animowanych witryn WWW.
Kup książkę
Poleć książkę
8
Frameworki JavaScript. Projektowanie interaktywnych i dynamicznych stron WWW
Co znajdziesz w tej ksi
ce
Ksi ka sk ada si z sze ciu niezale nych rozdzia ów prezentuj cych zastosowanie
frameworków (MooTools
1
i CreateJS
2
z modu ami EaselJS oraz TweenJS), bibliotek
(Dojo Toolkit
3
, Script.aculo.us Web 2.0
4
i Yahoo! User Interface — YUI
5
) oraz platform
programistycznych (GreenSock Animation Platform JavaScript — GSAPJS
6
) skryp-
towego j zyka JavaScript w tworzeniu animowanych, interaktywnych i dynamicznych
stron WWW. Autor celowo nie uwzgl dni w ksi ce biblioteki jQuery, której po wi ci
odr bn publikacj
7
.
Wybór tych, a nie innych frameworków, bibliotek czy platform nie by przypadkowy,
a podyktowany przez szereg czynników istotnych z punktu widzenia projektantów
czy programistów witryn internetowych. Za podstawowe kryterium doboru autor przyj
popularno wykorzystywania danego frameworka, biblioteki czy platformy na rynku
webmasterskim. Omówione w ksi ce frameworki, biblioteki i platformy znalaz y szero-
kie zastosowanie m.in. na portalach internetowych najwi kszych wiatowych firm, kor-
poracji, koncernów, instytucji czy organizacji, takich jak: IBM, Apple, Intel, Android,
NASA, Cisco, Alcatel-Lucent, W3C, Vimeo, Ferrari, Formu a1, Jeep, Gucci czy IKEA
oraz na wielu innych. Kolejnym warunkiem, jaki musia y spe ni dane framework,
biblioteka czy platforma, by o posiadanie profesjonalnego interfejsu programowania
aplikacji oraz rozbudowanej dokumentacji. Ostatnie kryterium dotyczy o ju stricte
innowacyjnych funkcjonalno ci programistycznych, które mo na zastosowa w pro-
jektach animowanych witryn internetowych czy aplikacji sieciowych.
W zwi zku z powy szym w ksi ce zaprezentowane zosta y zagadnienia tworzenia
zaawansowanych, interaktywnych animacji w oparciu o ró norodne wizualne efekty
specjalne, m.in. takie jak:
transformacje dwuwymiarowe (2D) i trójwymiarowe (3D) elementów HTML
(skalowanie, pochylanie i obracanie),
pokazywanie lub ukrywanie elementów HTML poprzez zmian kolorystki,
wielko ci rozmiarów, stopnia przezroczysto ci, skali nat enia rozmycia
czy cz stotliwo ci i intensywno ci wy wietlania,
na ladowanie czynno ci rozwijania, zwijania, rozk adania, sk adania, potrz sania,
wje d ania, wyje d ania czy podzia u elementów HTML na kilka mniejszych
cz ci,
1
2
3
4
5
6
7
http://mootools.net/
http://www.createjs.com/#!/CreateJS
http://dojotoolkit.org/
http://script.aculo.us/
http://yuilibrary.com/
http://www.greensock.com/gsap-js/
W. Majkowski,
jQuery. Tworzenie animowanych witryn internetowych,
Helion 2013.
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin