ajax. niezbędnik projektanta dynamicznych aplikacji full version.pdf

(22789 KB) Pobierz
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ajax. Niezbķdnik
projektanta
dynamicznych aplikacji
Autor: Michael Morrison
TĀumaczenie: Maciej Jezierski
ISBN: 978-83-246-1393-9
TytuĀ oryginaĀu: Ajax Construction Kit:
(Negus Live Linux Series)
Format: 170x230, stron: 280
Wykorzystaj gotowe rozwiĴzania w technologii AJAX!
¤ Jak wykorzystaě technologiķ AJAX?
¤ Jak wykonaě najczķľciej spotykane zadania?
¤ Jak zwiķkszyě interaktywnoľě serwisw WWW?
Technologia AJAX (skrt od ang. Asynchronous JavaScript and XML) pozwala
na tworzenie dynamicznych stron WWW, dostarczajĴcych niezapomnianych wraŃeĺ
ich uŃytkownikom. Praktycznie wszystkie wspĀczesne aplikacje WWW oraz duŃa czķľě
witryn internetowych korzystajĴ z dobrodziejstw tego rozwiĴzania, a jeszcze dziľ
rwnieŃ i Twoja strona moŃe zyskaě na interaktywnoľci.
Dziķki ksiĴŃce â Ajax. Niezbķdnik projektanta dynamicznych aplikacji Ò poznasz zasady
dziaĀania technologii AJAX, jej zalety oraz wady. Autor prezentuje dziesiķě przykĀadw
zastosowania technologii AJAX. Dziķki nim nauczysz siķ miķdzy innymi, w jaki sposb
pobieraě dane z kanaĀw RSS, jak wykorzystaě format XML oraz jak kontrolowaě
wprowadzane przez uŃytkownika dane w czasie rzeczywistym. NajwaŃniejsze jest
jednak to, Ńe kaŃde z tych praktycznych rozwiĴzaĺ moŃesz zaimplementowaě
bezpoľrednio na Twojej stronie!
¤ Zalety technologii AJAX
¤ PrzykĀadowe rozwiĴzania, korzystajĴce z AJAX
¤ Sposoby uŃywania formatu XML
¤ Zasady funkcjonowania technologii AJAX
¤ Tworzenie interaktywnych formularzy
¤ Sposoby wykorzystania kanaĀw RSS
¤ Dynamiczne pobieranie danych z innych serwisw
¤ Sposb na efektownĴ galeriķ
¤ Tworzenie okien informacyjnych
¤ Przewidywanie treľci wprowadzanych przez uŃytkownika
¤ Metody i wĀaľciwoľci obiektu XMLHttpRequest
¤ PrzyszĀoľě technologii AJAX
Twoje strony teŃ mogĴ byě interaktywne!
Wydawnictwo Helion
ul. Koľciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
852029621.051.png 852029621.059.png 852029621.060.png 852029621.061.png 852029621.001.png 852029621.002.png 852029621.003.png 852029621.004.png 852029621.005.png 852029621.006.png 852029621.007.png 852029621.008.png 852029621.009.png 852029621.010.png 852029621.011.png 852029621.012.png 852029621.013.png 852029621.014.png 852029621.015.png 852029621.016.png 852029621.017.png 852029621.018.png 852029621.019.png 852029621.020.png 852029621.021.png 852029621.022.png 852029621.023.png 852029621.024.png 852029621.025.png 852029621.026.png 852029621.027.png 852029621.028.png 852029621.029.png 852029621.030.png 852029621.031.png 852029621.032.png 852029621.033.png 852029621.034.png 852029621.035.png 852029621.036.png 852029621.037.png 852029621.038.png 852029621.039.png 852029621.040.png 852029621.041.png 852029621.042.png 852029621.043.png 852029621.044.png 852029621.045.png 852029621.046.png 852029621.047.png 852029621.048.png 852029621.049.png 852029621.050.png 852029621.052.png
 
Spis treści
Podziękowania .............................................................................. 10
O autorze ....................................................................................... 11
Wstęp ............................................................................................. 13
Część I
Obóz szkoleniowy Ajaksa ........................................ 17
Rozdział 1. Ajax i nowy wspaniały świat sieci WWW .................................... 19
Obiad z Ajaksem ............................................................................................... 20
Ajax, Sting i asynchronia .................................................................................. 21
Przeładowywać czy nie przeładowywać .......................................................... 22
Czym właściwie jest Ajax? ............................................................................... 24
Ajax w rzeczywistości ....................................................................................... 24
Ajax nie nadaje się do wszystkiego .................................................................. 28
Ponowne spojrzenie na kalkulator kosztów dostawy ...................................... 29
Podsumowanie .................................................................................................. 32
Rozdział 2. Wewnątrz aplikacji ajaksowej ..................................................... 33
Jak działa Ajax ................................................................................................... 34
Cykl życia żądania ajaksowego ........................................................................ 37
Zapoznanie z biblioteką ajaksową .................................................................... 40
Budowa przeglądarki książek elektronicznych ............................................... 45
Dopasowanie przeglądarki książek .................................................................. 50
Podsumowanie .................................................................................................. 51
5
Spis treści
852029621.053.png
Część II
Tworzenie prawdziwych aplikacji ajaksowych ........53
Rozdział 3. Dynamiczne ładowanie danych:
przeglądarka książek oparta na XML-u ...................................... 55
Zadanie: wczytywanie danych w mniejszych fragmentach ............................ 56
Projekt: przeglądarka książek w formacie XML ............................................. 58
Implementacja przeglądarki książek ............................................................... 63
Testowanie przeglądarki książek ..................................................................... 76
Przerabianie przeglądarki książek ................................................................... 78
Podsumowanie .................................................................................................. 79
Rozdział 4. Wykorzystanie Ajaksa
do dynamicznego wypełniania list: lista akcji ........................... 81
Zadanie: wyświetlanie informacji o wybranych akcjach ................................. 82
Projekt: aplikacja do wyboru akcji ................................................................... 84
Implementacja aplikacji Inwestor ................................................................... 89
Testowanie aplikacji Inwestor ......................................................................... 98
Przerabianie aplikacji Inwestor ..................................................................... 100
Podsumowanie ................................................................................................ 102
Rozdział 5. Pobieranie danych z kanałów RSS ............................................ 103
Zadanie: dynamiczne odpytywanie kanałów informacyjnych .................... 104
Projekt: aplikacja do odczytu wiadomości ..................................................... 106
Implementacja aplikacji Czytnik wiadomości ............................................... 112
Testowanie aplikacji Czytnik wiadomości ..................................................... 121
Przerabianie aplikacji Czytnik wiadomości ................................................... 123
Podsumowanie ................................................................................................ 124
Rozdział 6. Odgadywanie myśli użytkownika
za pomocą autouzupełniania .................................................... 125
Zadanie: przewidywanie wprowadzanych danych ....................................... 126
Projekt: aplikacja z automatycznym uzupełnianiem ..................................... 128
Implementacja aplikacji Uzupełniacz ........................................................... 132
Testowanie aplikacji Uzupełniacz ................................................................. 138
Przerabianie aplikacji Uzupełniacz ............................................................... 139
Podsumowanie ................................................................................................ 140
Rozdział 7. Tworzenie interaktywnego interfejsu użytkownika
ze sprawdzaniem poprawności ................................................. 141
Zadanie: sprawdzanie poprawności danych
wprowadzanych przez użytkownika w czasie rzeczywistym ..................... 143
Projekt: aplikacja Sprawdzacz ........................................................................ 145
Implementacja aplikacji Sprawdzacz ............................................................ 149
Testowanie aplikacji Sprawdzacz .................................................................. 156
Przerabianie aplikacji Sprawdzacz ................................................................ 158
Podsumowanie ................................................................................................ 161
6
Ajax. Niezbędnik projektanta aplikacji plug and play
Rozdział 8. Rewelacyjny interfejs do przeglądania obrazków .................. 163
Zadanie: dynamiczne wczytywanie obrazków .............................................. 164
Projekt: dynamiczna przeglądarka obrazków ............................................... 166
Implementacja aplikacji Obrazownik ............................................................ 168
Testowanie aplikacji Obrazownik .................................................................. 170
Przerabianie aplikacji Obrazownik ................................................................ 172
Podsumowanie ................................................................................................ 173
Rozdział 9. Prezentowanie informacji w zgrabnych okienkach ................ 175
Zadanie: tworzenie okienek informacyjnych ................................................ 176
Projekt: aplikacja z okienkami informacyjnymi ............................................ 180
Implementacja aplikacji Informator .............................................................. 183
Testowanie aplikacji Informator .................................................................... 188
Przerabianie aplikacji Informator .................................................................. 190
Podsumowanie ................................................................................................ 191
Rozdział 10. Przepowiadanie pogody za pomocą Ajaksa ............................ 193
Zadanie: pobieranie dynamicznych danych pogodowych ................................ 194
Projekt: aplikacja z prognozą pogody ............................................................ 195
Implementacja aplikacji Prognoza ................................................................ 200
Testowanie aplikacji Prognoza ....................................................................... 204
Przerabianie aplikacji Prognoza .................................................................... 206
Podsumowanie ................................................................................................ 208
Rozdział 11. Ajaksowy kalkulator kosztów dostawy .................................... 209
Zadanie: pobieranie aktualnych kosztów dostawy ........................................ 210
Projekt: aplikacja Dostawca ........................................................................... 211
Implementacja aplikacji Dostawca ................................................................ 219
Testowanie aplikacji Dostawca ...................................................................... 227
Przerabianie aplikacji Dostawca .................................................................... 230
Podsumowanie ................................................................................................ 233
Rozdział 12. Dodawanie ajaksowego systemu ocen do Twoich stron ....... 235
Zadanie: dodanie systemu oceniania do strony internetowej ...................... 236
Projekt: aplikacja Oceniacz ............................................................................ 238
Implementacja aplikacji Oceniacz ................................................................. 244
Testowanie aplikacji Oceniacz ....................................................................... 250
Przerabianie aplikacji Oceniacz ..................................................................... 253
Podsumowanie ................................................................................................ 257
Dodatki .................................................................... 259
Dodatek A
Przeszłość, teraźniejszość i przyszłość Ajaksa .......................... 261
Dodatek B
Krótki opis obiektu XMLHttpRequest ....................................... 265
Skorowidz ................................................................................... 273
7
Spis treści
5
Pobieranie danych
z kanałów RSS
AJAX W STAROŻYTNEJ GRECJI
Nie umniejszając roli asynchronicznych aplikacji internetowych, był czas, kiedy Ajax
miał większe znaczenie. Mam na myśli czasy starożytnej Grecji, kiedy legendarny grecki
bohater Ajaks walczył w wojnie trojańskiej. Mityczna siła i odwaga Ajaksa zostały opi-
sane przez greckiego poetę Homera w poemacie Iliada .
Jako ktoś, kto przez kilka lat tworzył i utrzymywał wiele witryn internetowych,
bardzo entuzjastycznie podszedłem do kanałów RSS, kiedy zobaczyłem je po
raz pierwszy. Umożliwiają one wyświetlanie informacji z innych serwisów i możesz
umieścić je na własnych stronach. Zapewniają automatyczną aktualizację wi-
tryny, a przynajmniej kanałów informacyjnych, które są na niej umieszczone.
Jeśli nie masz wprawy lub nie chcesz skrupulatnie uzupełniać wiadomości, możesz
przyjąć, że kanał informacyjny umieszczony na Twojej stronie pozwoli udostęp-
niać interesujące, automatycznie aktualizowane informacje. Kanał informacyjny,
który będzie idealnie dopasowany do zawartości Twojej strony, znajdziesz naj-
prawdopodobniej już po chwili poszukiwań.
852029621.054.png 852029621.055.png 852029621.056.png 852029621.057.png 852029621.058.png
Zgłoś jeśli naruszono regulamin