SPRZEDAŻ KSIĄŻEK

Kurs ten trwa 4 godziny 35 minut 46 sekund. Jest to nie tylko nauka - ale i praktyka!

Kurs jest przygotowany przez młodego człowieka, więc używany język jest przystępny dla każdego.
Czym jest AJAX?

AJAX jest to technologia, która umożliwi Ci wczytywanie / sprawdzanie danych na Twojej witrynie przez użytkownika bez przeładowywania lub też przechodzenia na inną stronę. AJAX umożliwia zadanie w "tle" zapytania do bazy danych i uzyskania od niej odpowiedzi, bez wkurzania użytkownika naszej witryny zbędnym przeładowywaniem całej zawartości strony. Po poznaniu technologi AJAX, Twoja witryna będzie dynamiczniejsza oraz przyjemniejsza dla jej użytkowników. Oglądnij pierwszą lekcję i dowiedz się Czym jest AJAX oraz gdzie i jakie ma zastosowania.
Co będę wiedział/a po kursie poświęconym AJAX'owi?

    * Dowiesz się czym jest oraz jak korzystać z AJAX'a w różnych sytuacjach
    * Będziesz potrafił/a stworzyć ciekawe aplikacje np.
      - suggestBox - pudełko z podpowiedziami, po wpisaniu pewnej literki, pudełko będzie podpowiadało użytkownikowi co miał na myśli (coś na wzór Google suggest box)
      - dynamiczna filtracja danych - po wpisaniu do formularza danych, dane tabelaryczne na stronie będą natychmiast aktualizowane bez przeładowywania strony, dodatkowo będzie zmieniał się URL, przez co użytkownicy będą mogli dzielić się dynamicznie wygenerowaną treścią oraz zaczną działać button'y historii BACK i FORWARD
      - rozwijane boxy - po kliknięciu na nagłówek rozwinie się pudełko, którego zawartość będzie pobrana dynamicznie z bazy danych
      - hints - podpowiedzi, które po najechaniu myszką na element, pojawią się koło elementu i dadzą użytkownikowi więcej informacji o takim elemencie
      - automatyczne odświeżanie zawartości strony - dowiesz się jak sprawić, aby pewna część często zmieniającej się strony, mogła być aktualizowana natychmiast po zmianie bez żadnej ingerencji użytkownika i przeładowywania strony
    * podczas kursu poznasz jeszcze wiele ciekawostek...

Uwaga! Proszę pamiętać, że AJAX jest to technologia, z tego powodu opiera się ona na innych językach. W kursie założone jest, że posiada się wiadomości z zakresu xHTML i CSS, PHP, MySql, JavaScript, XML. Z tymi wiadomościami można zapoznać sie z naszych kursów, lub też z innego źródła, proszę jednak wziąć pod uwagę, że w kursie o AJAX'ie opieramy się na wiadomościach poznanych w poprzednich kursach.

Zawartość płyty DVD:
Lekcja 0 - instalacja kodeków i zapoznanie się z autorem:

    * Instalujemy kodeki oraz zapoznajemy się z lektorem, aby lekcje przebiegały miło i wiadomo z kim :)

Lekcja 1 - czym jest AJAX ? - 12 minut 8 sekund:

    * Dowiadujemy się czym jest AJAX, gdzie się go stosuje i dlaczego warto go stosować.

Lekcja 2 - XMLHttpRequest - 11 minut 46 sekund:

    * Tworzymy "przygotówkę" AJAX'owej aplikacji tworząc formularz, który ma w przyszłości wczytywać zawartości plików tekstowych, PHP, XML w miejscu wybranym przez nas.
    * Dowiadujemy się czym jest XMLHttpRequest oraz tworzymy funkcję ajaxInit();, która tworzy obiekt pozwalający nam używać AJAX'a pod każdą nowszą przeglądarkę bez żadnych błędów.
    * Zaznajamiamy się z konstrukcją try{} catch{}.

Lekcja 3 - Ajax w praktyce - 25 minut 39 sekund:

    * Wykorzystujemy AJAXA do wczytywania dynamicznie plików .txt, .php, .html, .xml do wybranego przez nas diva. Wyjaśniamy sobie pojęcia synchronicznie oraz asynchronicznie, dowiadujemy się jaka jest różnica pobierania danych w ajaxie używających tych wartości. Dowiadujemy się:
      - czym jest funkcja anonimowa, dlaczego się tak nazywa
      - dlaczego można przypisywać funkcje / metody do zdarzeń
      - jaki obiekt powstaje, gdy wywoływane są zdarzenia oraz jak go wykorzystać
      - jak sprawić, aby wykorzystać ten obiekt w każdej przeglądarce
      - jak wysłać żadanie do serwera
      - czym jest readyStateChange, jak z niego korzystać
      - jakie mamy statusy readyState
      - jak obsłużyć statusy typu 404 (not found)
      - jak sprawić, aby w IE przestał działać cache

Lekcja 4 - loading gif - 3 minuty 57 sekund:

    * Pokazujemy w jaki sposób poinformować naszego użytkownika o wczytywaniu danych, które są duże.

Lekcja 5 - DOM - 11 minut 23 sekundy:

    * Dowiadujemy się czym jest Document Object Model(DOM), dlaczego się tak nazywa, poznajemy narzędzie firefox'a: "DOM inspector", pokazujemy na przykładzie zastosowanie DOM. Przedstawiamy aplikację webową, którą będziemy tworzyć w następnych lekcjach.

Lekcja 6 - suggestBox - wstęp - 15 minut 56 sekund:

    * Przygotowujemy nasz formularz, który ma być przyszłym suggestBox'em. Analizujemy naszą bazę danych w pliku XML, tworzymy formularz, ustawiamy dla niego wygląd w CSS. Przygotowujemy ramkę do wyświetlania podpowiedzi, sprawiamy, aby dostosowywała swoją pozycję dynamicznie.

Lekcja 7 - suggestBox - obsługa myszki - 20 minut 47 sekund:

    * Tworzymy dynamicznie zmieniającą zawartość "pudełka", które jako wartości sugeruje / podpowiada naszemu użytkownikowi to co miał na myśli po wpisaniu literki lub też części słowa. Sprawiamy, aby po najechaniu myszki nad wybrany rekord, zmieniało się tło, a po kliknięciu został on wybrany. W razie, gdy podane słowo przez użytkownika nie istnieje, nasza ramka robi się czerwona sygnalizując błąd.

Lekcja 8 - suggestBox - obsługa klawiatury - 19 minut 30 sekund:

    * Sprawiamy, aby nasz suggestBoX reagował na strzałkę w dół oraz w górę. Możemy poruszać się po stworzonym menu składającym się z podpowiedzi przy pomocy strzałek oraz po wciśnięciu entera zatwierdzić odpowiedni wybór. Naprawiamy wiele ciekawych bugów.

Lekcja 9 - suggestBox - wyświetlanie danych w tabeli - 19 minut 41 sekund:

    * Uczymy się tworzyć dynamicznie zmieniającą się tabelę w zależności od wybranej wartości z menu podpowiedzi.

Lekcja 10 - suggestBox z wykorzystaniem PHP i MySql - 17 minut 0 sekund:

    * Dowiadujemy się co zrobić, jeżeli nasza baza danych przechowywana jest nie w pliku xml, ale w MySql. Uczymy się przetwarzać dane z bazy MySql tak, aby działały w naszym suggestBoxie. Pokazujemy co trzeba zrobić, aby wyświetały się poprawnie polskie znaki w bazie danych MySql jak i po ich pobraniu w dynamicznie stworzonym pliku XML przy pomocy PHP.

Lekcja 11 - zapowiedź aplikacji filtrującej dynamicznie dane - 2 minuty 53 sekundy:

    * Zapowiadamy w jaki sposób będzie wyglądać nasza aplikacja filtrująca dynamicznie dane z bazy danych. Aplikacja ta będzie reagowała poprawnie na button BACK (cofający historię oglądanych stron) oraz będzie można z dynamicznie stworzonej treści wysłać komuś url, który otworzy odpowiednią treść. Czyli jest to zapowiedź zabawy :)

Lekcja 12 - aplikacja filtrująca - wygląd i przygotowanie funkcji - 12 minut 25 sekund:

    * Przygotowujemy formularz, CSS (wygląd) i funkcje do dalszej zabawy.

Lekcja 13 - aplikacja filtrująca - dynamicznie filtrowanie - 11 minut 44 sekundy:

    * Stwarzamy zapytania oraz funkcje odpowiedzialne za dynamiczne filtrowanie danych bez odświeżania całej strony.

Lekcja 14 - aplikacja filtrująca - dalsze przekazywanie linków - 11 minut 10 sekund:

    * Tworzymy dynamicznie zmieniający się url, który pozwala nam przekazać dynamicznie stworzone informacje dla np. kolegów użytkownika naszej strony.

Lekcja 15 - aplikacja filtrująca - obsługa przycisków histori back i forward - 4 minuty 4 sekundy:

    * Sprawiamy, aby button BACK oraz button FORWARD, czyli tzw. wstecz i wprzód działał prawidłowo z nasz� dynamicznie zmieniająca się treścią strony.

Lekcja 16 - wysyłanie danych metodą POST - 4 minuty 9 sekund:

    * Pokazujemy w jaki sposób wysyłać danę metodą POST oraz dowiadujemy się kiedy powinniśmy stosować POST, a kiedy GET.

Lekcja 17 - rozwijane boxy - zapowiedź - 3 minuty 52 sekundy:

    * Zaznajamiamy się z aplikacją, którą stworzymy w następnych lekcjach. Aplikacja ta po kliknięciu na znak plus lub nagłówek będzie dynamicznie pobierać dane z bazy danych i wyświetlać je ładnie sformatowane pod nagłówkiem.

Lekcja 18 - rozwijane boxy - przygotowanie boxów - 22 minuty 3 sekundy:

    * Instalujemy bazę danych dla naszych przyszłych boxów. Tworzymy wygląd naszych boxów w HTML oraz CSS. Stwarzamy własną funkcję getElementsByClassName, aby działała nam pod IE. Piszemy funkcję, która po kliknięciu na nagłówek lub znak plus / minus rozsuwa albo chowa boxy.

Lekcja 19 - rozwijane boxy - zakończenie aplikacji - 17 minut 32 sekundy:

    * Piszemy funkcje, które dynamicznie pobierają dane z bazy danych do naszych rozwijanych boxów.

Lekcja 20 - podpowiedzi - 6 minut 7 sekund:

    * Zmieniamy rozwijane boxy w taki sposób, aby nagłówki reagowały na zdarzenie onmouseover. Po najechaniu myszką na nagłówek pojawiają się w dynamicznie stworzonym okienku podpowiedzi; podpowiedzi pojawiają się koło najechanego nagłówka tzn. zmieniają swoją pozycję w zależności od pozycji nagłówka.

Lekcja 21 - zapytania przez nagłówek - 22 minuty:

    * Dowiadujemy się w jaki sposób zadawać zapytanie przy pomocy HEAD. Tworzymy aplikację, która aktualizuje zawartość strony co np. 1 s, jeżeli uległa zmianie.

Do kursu dołączone są:

    * Kodeki - w razie gdyby były problemy z odpalaniem kursu - (freeware)
    * Aptana Studio - edytor