Ajax_Implementacje_ajaxim.pdf

(474 KB) Pobierz
Ajax. Implementacje
Autor: Shelley Powers
T³umaczenie: Tomasz Walczak
ISBN: 978-83-246-1330-4
Tytu³ orygina³u:
Adding Ajax
Format: B5, stron: 360
Pod¹¿aj za swoj¹ wyobraŸni¹
i usprawniaj strony www za pomoc¹ efektów Ajaksa!
Jak u¿ywaæ kodu JavaScript do rozwi¹zywania problemu niestandardowych
atrybutów?
Jak ³¹czyæ funkcje obs³ugi zdarzeñ?
Jak tworzyæ zaawansowane efekty bazuj¹ce na CSS?
Ajax to coœ wiêcej ni¿ zbiór technologii obejmuj¹cy jêzyki oparte na znacznikach, jest
bowiem narzêdziem, które – ewoluuj¹c – na bie¿¹co dotrzymuje kroku rozwijaj¹cej siê
technice informatycznej, a tak¿e wyobraŸni programistów. Po zastosowaniu
stopniowego usprawniania mo¿na dodawaæ nowoczesne efekty Ajaksa i w ten sposób
przenosiæ tradycyjne aplikacje sieciowe i ich funkcjonalnoœæ na wy¿szy poziom.
„Ajax.
Implementacje” to ksi¹¿ka dla programistów, którzy maj¹ doœwiadczenie
w tworzeniu witryn internetowych i s¹ zainteresowani ulepszaniem istniej¹cych ju¿
aplikacji. Czytaj¹c j¹, nauczysz siê, jak zwiêkszaæ mo¿liwoœci stron www poprzez
dodawanie do nich efektów Ajaxa, dowiesz siê, jak korzystaæ z jêzyka SVG oraz obiektu
Canvas. Poznasz jedn¹ z najciekawszych mo¿liwoœci Ajaksa, czyli dodawanie us³ug
sieciowych i ³¹czenie danych bezpoœrednio na stronach internetowych na wiele ró¿nych
sposobów.
„Ajax.
Implementacje” zawiera ca³¹ niezbêdn¹ wiedzê potrzebn¹, aby mieæ
nowoczesne i funkcjonalne strony www, nie buduj¹c ich od nowa.
Stronicowanie w Ajaksie
Strefa bezpieczeñstwa i zabezpieczenia jêzyka JavaScript
Obs³uga zdarzeñ zgodna z Ajaksem
System obs³ugi zdarzeñ Dojo i obiekty docelowe
Dane dynamiczne
Prawid³owe wspó³dzia³anie Ajaksa z innymi elementami aplikacji
Efekty bibliotek zewnêtrznych s³u¿¹ce do obs³ugi danych
Historia, nawigacja i miejsca w aplikacjach jednostronicowych
Dodawanie zaawansowanych efektów wizualnych
Witryny typu mashup
Skalowanie, infrastruktura i tworzenie witryn od podstaw
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Spis treści
Przedmowa .................................................................................................................... 7
1. Przygotowania do wdrażania Ajaksa ......................................................................... 15
Technologie ajaksowe
Początkowe porządkowanie
Przekształcanie tabel na układ strony oparty na CSS
Ciąg dalszy zmian — element po elemencie
Radzenie sobie ze specyfiką przeglądarek
Zrozumienie potrzeb użytkowników
Projektowanie szkieletu witryny
Stopniowe usprawnianie a remont generalny
17
20
25
29
30
33
36
39
2. Elementy Ajaksa .......................................................................................................... 41
Aplikacje sieciowe
Przygotowywanie obiektu do użytku
Przygotowywanie i wysyłanie
żądania
Przetwarzanie ajaksowych odpowiedzi
Punkty końcowe, zabezpieczenia języka JavaScript i widgety
Bezpieczeństwo
Pierwszy rzut oka na wydajność
Ostatnie słowo o asynchroniczności i synchroniczności
41
48
50
56
71
74
75
76
3. Narzędzia i pojęcia związane z Ajaksem ................................................................... 79
Prototype
script.aculo.us
Rico
Dojo
Inne biblioteki
80
87
90
92
99
3
4. Efekty interaktywne .................................................................................................. 103
Obsługa zdarzeń zgodna z Ajaksem
Informacje w trybie JIT
Podgląd na stronie
Zanikanie kolorów w wyniku sukcesu lub niepowodzenia
104
110
121
126
5. Przestrzeń — ostateczna granica ............................................................................. 135
Przestrzeń w poziomie — accordion
Strony z zakładkami
Nakładanie
136
159
170
6. Dane dynamiczne .......................................................................................................177
Edycja w miejscu
Edycja w miejscu — wydajność, bezpieczeństwo i dostępność
Wyróżnianie zmian
Jeszcze raz o dostępności aktualizacji na stronie
Walidacja na
żywo
Wydajność i dwuetapowe zatwierdzanie
Efekty bibliotek zewnętrznych służące do obsługi danych
178
188
191
202
205
208
211
7. Historia, nawigacja i miejsca w aplikacjach jednostronicowych ............................. 215
Wyzwanie — stronicowana zawartość
Zapamiętywanie miejsc
Trwałość w starym i nowym stylu — ramię w ramię
Nowy wygląd strony
Analiza końcowa
216
235
242
249
252
8. Dodawanie zaawansowanych efektów wizualnych ...............................................253
Zaawansowane sztuczki z CSS
Skalowalna grafika wektorowa
Krótki przegląd języka SVG
Mikser — SVG i Ajax
Przyszłość grafiki
254
264
269
273
280
9. Witryny typu mashup ................................................................................................ 281
Wyświetlanie map za pomocą Google’a
Druga usługa — Flickr
Dodawanie usług Technorati do witryny mashup
Modyfikowanie witryny mashup
Nowa wersja klientów
Podsumowanie informacji o witrynach mashup
282
288
299
307
316
325
4
|
Spis treści
10. Skalowanie, infrastruktura i tworzenie witryn od podstaw ................................... 327
Platformy —
ścisłe
czy luźne powiązanie
Usługi sieciowe — zasoby i bezpieczeństwo
Biblioteki Ajaksa — własne czy zewnętrzne?
Projektowanie aplikacji ajaksowych od podstaw
Rekomendowane platformy
A więc naprzód z Ajaksem
328
329
331
332
337
342
Skorowidz ..................................................................................................................343
Spis treści
|
5
ROZDZIAŁ 8.
Dodawanie zaawansowanych
efektów wizualnych
Ajax nie wymaga skomplikowanych efektów wizualnych. Jedyne potrzebne efekty to te przed-
stawione w poprzednich rozdziałach: możliwość dodawania, zmieniania i usuwania zawar-
tości strony, ukrywania i wyświetlania nowych danych oraz wyróżniania zmian. Wszystkie te
efekty opierają się na stosunkowo prostych i rozpowszechnionych technologiach, takich jak
HTML czy CSS. Po drugiej stronie rodziny aplikacji ajaksowych znajdują się bogate aplikacje
internetowe (ang.
Rich Internet Applications
— RIA). Takie programy mają naśladować w prze-
glądarkach internetowych tradycyjne aplikacje stacjonarne, a do ich tworzenia programiści
używają technologii ajaksowych. Aplikacje tego typu to edytory tekstu, arkusze kalkulacyjne,
klienty poczty elektronicznej, a nawet programy graficzne, podobne do Painta, GIMP-a (ang.
GNU Image Manipulation Program)
czy Photoshopa.
Aplikacje RIA stawiają większe wymagania funkcjom graficznym przeglądarek. Tych potrzeb
zwykle nie zaspokajają style CSS, a na pewno nie ich prostsze zastosowania. Choć tworzenie
aplikacji tego typu znacznie wykracza poza zakres tej książki, inaczej jest w przypadku narzę-
dzi wizualnych używanych przez autorów programów RIA. A przynajmniej nie wykraczają
one na tyle daleko,
żeby
nie poświęcić jednego rozdziału na odrobinę zabawy i nie spędzić
nieco czasu na poznawaniu efektów, jakie można dodać do edycji w miejscu czy sprawdza-
nia aktualizacji.
Przy dodawaniu zaawansowanych efektów wizualnych do aplikacji sieciowych można zasto-
sować dwa podejścia. Pierwsze z nich jest dostępne we wszystkich przeglądarkach interneto-
wych i opiera się na efektach zarządzanych za pomocą stylów CSS. Obejmuje to przezroczy-
stość, zmiany rozmiaru, przycinanie i tak dalej.
Drugie podejście polega na wykorzystaniu wyspecjalizowanych obiektów i specyfikacji. W tym
przypadku programiści mają szczęście w nieszczęściu, ponieważ dostępnych jest wiele róż-
nych bibliotek graficznych, obiektów i technologii, spośród których można wybierać. Duży
wybór jest korzystny, a dotyczy to także programowania aplikacji sieciowych, o ile dostępne
narzędzia działają we wszystkich docelowych przeglądarkach. I tu leży problem związany ze
specyfikacjami efektów wizualnych dostępnymi programistom Ajaksa: obsługa zaawansowa-
nych efektów wizualnych jest wbudowana w niemal wszystkie powszechnie używane prze-
glądarki, jednak każda z nich współdziała tylko z niektórymi rozwiązaniami, a
żadna
techni-
ka nie jest powszechnie obsługiwana we wszystkich najważniejszych przeglądarkach.
253
Zgłoś jeśli naruszono regulamin