AJAX to technologia, która umożliwia interakcję z serwerem bez konieczności przeładowywania całej strony. W praktyce oznacza to możliwość tworzenia bardzo dynamicznych witryn, które potrafią reagować na zdarzenia wywołane przez użytkownika. Przykłady zastosowania AJAX to np. walidacja formularzy, wygodne w obsłudze elementy nawigacyjne lub atrakcyjne galerie.

Nasz kurs pozwoli w krótkim czasie poznać tą niezwykle przydatną technologię. Zaczniemy od omówienia programów i narzędzi z którymi będziemy pracowali w dalszej części kursu. Potem pokażemy jak wykonać żądania do serwera w sposób asynchroniczny czyli bez konieczności przeładowywania całej strony. Przy okazji dowiesz się jak sprawdzić status żądania, jak wczytać zawartość z plików umieszczonych na serwerze i jak wyświetlić ją na stronie w przejrzysty sposób.

Całą grupę rozdziałów poświęciliśmy na omówienie współpracy AJAX z PHP. Dowiesz się m.in. jak wykonać walidację formularza. Stworzymy skrypt, który będzie sprawdzał czy wymagane pola zostały uzupełnione. Omówimy także przesyłanie danych za pomocą metod GET i POST. Kolejny istotny temat to JSON czyli JavaScript Object Notation. Pokażemy ci jak użyć tego wszechstronnego formatu wymiany danych do komunikacji z serwerem.

Z technologią AJAX nieodłącznie powiązany jest format XML, który omówimy w kolejnych rozdziałach. Stworzymy odwołania do węzłów w strukturze dokumentu. Pokażemy także jak prawidłowo odczytać zawartość pliku XML w różnych przeglądarkach.

Sporą część kursu poświęciliśmy na omówienie jQuery. Ta doskonała biblioteka umożliwia stworzenie bardzo atrakcyjnej witryny wzbogaconej o ciekawe efekty wizualne. Wielką zaletą jQuery jest możliwość tworzenie żądań AJAX w bardzo prosty sposób.

W ostatniej grupie rozdziałów będziemy tworzyli ciekawy projekt, który umożliwi podsumowanie i utrwalenie zdobytej wiedzy. Połączymy w całość różne technologie. Użyjemy żądań AJAX, biblioteki jQuery, napiszemy skrypty PHP oraz połączymy się z bazą danych MySQL.

Przykładowy film

Spis treści

Niezbędne narzędzia

1. Wstęp (01:26)

2. Edytory (03:40)

3. Instalacja serwera (05:09)

4. Katalog www (04:20)

5. Dodatki do przeglądarki (05:23)

Podstawowe technologie

6. Pliki źródłowe (02:58)

7. Obiektowy model dokumentu (06:31)

8. JavaScript (10:24)

Wprowadzenie do AJAX

9. Żądania – wstęp (06:26)

10. Żądanie XMLHttpRequest (03:37)

11. AJAX - przykład użycia (11:21)

AJAX rozwinięcie

12. Status żądania (07:35)

13. Zawartość XML (12:47)

14. Inna zawartość (05:48)

15. Obróbka odpowiedzi (08:24)

16. Funkcja AJAX (10:53)

AJAX i PHP

17. Podstawy (06:17)

18. Walidacja formularza (06:02)

19. Walidacja – żądanie (11:48)

20. Metoda GET (10:46)

21. Metoda POST (06:54)

JSON

22. Wprowadzenie do JSON (08:51)

23. Wymiana danych z serwerem (08:09)

XML

24. XML - ogólne zagadnienia (03:48)

25. Struktura dokumentu XML (09:12)

26. Odwołania do węzłów (07:52)

AJAX i jQuery

27. Instalacja biblioteki (04:08)

28. Żądania z użyciem jQuery (06:03)

29. jQuery - metoda GET (06:46)

30. jQuery - metoda AJAX (04:48)

31. Obsługa błędów (06:16)

Projekt

32. Tworzenie tabel w bazie (03:57)

33. Wprowadzanie rekordów (09:15)

34. Żądanie AJAX (06:05)

35. Wyświetlanie rekordów (04:52)

36. Kolejne żądania (05:45)

37. Formatowanie tabel (06:00)

galeria