Ajax_Implementacje_ajaxim.pdf

Ajax. Implementacje

Autor: Shelley Powers

TĀumaczenie: Tomasz Walczak

ISBN: 978-83-246-1330-4

TytuĀ oryginaĀu: Adding Ajax

Format: B5, stron: 360

Wydawnictwo Helion

ul. Koľciuszki 1c

44-100 Gliwice

tel. 032 230 98 63

e-mail: helion@helion.pl

PodĴŃaj za swojĴ wyobrałniĴ

i usprawniaj strony www za pomocĴ efektw Ajaksa!

¤ Jak uŃywaě kodu JavaScript do rozwiĴzywania problemu niestandardowych

atrybutw?

¤ Jak ĀĴczyě funkcje obsĀugi zdarzeĺ?

¤ Jak tworzyě zaawansowane efekty bazujĴce na CSS?

Ajax to coľ wiķcej niŃ zbir technologii obejmujĴcy jķzyki oparte na znacznikach, jest

bowiem narzķdziem, ktre Ï ewoluujĴc Ï na bieŃĴco dotrzymuje kroku rozwijajĴcej siķ

technice informatycznej, a takŃe wyobrałni programistw. Po zastosowaniu

stopniowego usprawniania moŃna dodawaě nowoczesne efekty Ajaksa i w ten sposb

przenosiě tradycyjne aplikacje sieciowe i ich funkcjonalnoľě na wyŃszy poziom.

â Ajax. Implementacje Ò to ksiĴŃka dla programistw, ktrzy 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 efektw 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

sposobw. â 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 efektw wizualnych

¤ Witryny typu mashup

¤ Skalowanie, infrastruktura i tworzenie witryn od podstaw

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

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

3. Narzędzia i pojęcia związane z Ajaksem ................................................................... 79

Prototype

script.aculo.us

Rico

Dojo

Inne biblioteki

4. Efekty interaktywne .................................................................................................. 103

Obsługa zdarzeń zgodna z Ajaksem

104

Informacje w trybie JIT

110

Podgląd na stronie

121

Zanikanie kolorów w wyniku sukcesu lub niepowodzenia

126

5. Przestrzeń — ostateczna granica ............................................................................. 135

Przestrzeń w poziomie — accordion

136

Strony z zakładkami

159

Nakładanie

170

6. Dane dynamiczne .......................................................................................................177

Edycja w miejscu

178

Edycja w miejscu — wydajność, bezpieczeństwo i dostępność

188

Wyróżnianie zmian

191

Jeszcze raz o dostępności aktualizacji na stronie

202

Walidacja na żywo

205

Wydajność i dwuetapowe zatwierdzanie

208

Efekty bibliotek zewnętrznych służące do obsługi danych

211

7. Historia, nawigacja i miejsca w aplikacjach jednostronicowych ............................. 215

Wyzwanie — stronicowana zawartość

216

Zapamiętywanie miejsc

235

Trwałość w starym i nowym stylu — ramię w ramię

242

Nowy wygląd strony

249

Analiza końcowa

252

8. Dodawanie zaawansowanych efektów wizualnych ............................................... 253

Zaawansowane sztuczki z CSS

254

Skalowalna grafika wektorowa

264

Krótki przegląd języka SVG

269

Mikser — SVG i Ajax

273

Przyszłość grafiki

280

9. Witryny typu mashup ................................................................................................ 281

Wyświetlanie map za pomocą Google’a

282

Druga usługa — Flickr

288

Dodawanie usług Technorati do witryny mashup

299

Modyfikowanie witryny mashup

307

Nowa wersja klientów

316

Podsumowanie informacji o witrynach mashup

325

4 |

Spis treści

10. Skalowanie, infrastruktura i tworzenie witryn od podstaw ................................... 327

Platformy — ścisłe czy luźne powiązanie

328

Usługi sieciowe — zasoby i bezpieczeństwo

329

Biblioteki Ajaksa — własne czy zewnętrzne?

331

Projektowanie aplikacji ajaksowych od podstaw

332

Rekomendowane platformy

337

A więc naprzód z Ajaksem

342

Skorowidz ..................................................................................................................343

Spis treści |

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

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: