• wykład
• ćwiczenia praktyczne
• dyskusje
• pytania i odpowiedzi

• programowanie

• certyfikowany trener
• materiały szkoleniowe (w wersji papierowej)
• notatnik, długopis
• lunch
• kawa, herbata, napoje, ciasteczka
• dyplom
• zaświadczenie o ukończeniu kursu
• 2-tyg pomoc email

Programiści którzy wykonują elementy aplikacji internetowych i chcieli by zapoznać się z możliwościami jakie daje język programowania JavaScript oraz technologia AJAX

Kurs obejmuje zagadnienia związane z programowaniem w języku JavaScript oraz ECMAScript. Daje wiedzę niezbędną do budowy własnych rozwiązań które asynchronicznie dostarczają dane oraz oferują dużą interaktywność serwisu internetowego.

Znajomość HTML oraz XML w stopniu wystarczającym do budowy samodzielnych stron internetowych. Znajomość programowania w jednym z języków programowania po stronie serwera (PHP, Python, Ruby, Java) będzie bardzo pomocna.

Część 1: Wprowadzenie (8 godzin)

1. Ajax na stronach WWW
2. Ajax, czyli asynchroniczny JavaScript i XML
3. Tworzenie obiektu XMLHttpRequest
4. Wysyłanie żądań HTTP i odbieranie danych z serwera
4.1 Odbieranie danych w formacie tekstowym
4.2 Odbieranie danych w formacie XML
5. Asynchroniczna wymiana treści
5.1 Model DOM i metoda getElementById()
5.2 Zdarzenia HTML
5.3 Piosenki
6. Aparaty fotograficzne
6.1 Rozwijanie i zwijanie jednej kontrolki
6.2 Rozwijanie i zwijanie wielu kontrolek
6.3 Aparaty fotograficzne — kompletny przykład

Część 2: Ajax i PHP (4 godziny)

1. Okienka pop-up z podglądem fotografii
2. Rozwiązanie — opis krok po kroku
3. Krok pierwszy: dane
4. Krok drugi: tabela miniatur
5. Krok trzeci: okienko pop-up
6. Krok czwarty: przesuwanie okna pop-up
7. Krok piąty: ukrywanie okna pop-up
8. Krok szósty: wyświetlanie powiększonego obrazu i danych Exif
9. Krok siódmy: asynchroniczne pobieranie dużego zdjęcia i danych Exif
10. Krok ósmy: wysyłanie danych z PHP do Ajax-a
11. Krok dziewiąty: odbieranie danych
12. Podsumowanie

Część 3: Ajax, PHP i pliki tekstowe (4 godziny)

1. Przykład pierwszy: menu z obsługą zdarzenia onmouseover
1.1 Ajax
1.2 Rozwiązanie
2. Przykład drugi: rozwijanie i zwijanie
2.1 Ajax
2.2 Rozwiązanie
3. Przykład trzeci: okno popup
3.1 Ajax
3.2 Rozwiązanie
4. Przykład czwarty: zakładki
4.1 Ajax
4.2 Rozwiązanie

Część 4: Wymiana fragmentu strony (4 godziny)

1. Asynchroniczna wymiana fragmentu witryny
1.1 Przykład
1.2 Dane w formacie HTML
2. Rozwiązanie pierwsze: Ajax
2.1 Cechy rozwiązania
3. Rozwiązanie drugie: Ajax i hiperłącza
3.1 Cechy rozwiązania
4. Rozwiązanie trzecie: tablica danych JavaScript
4.1 Cechy rozwiązania
5. Rozwiązanie czwarte: tablica JavaScript i hiperłącza
5.1 Cechy
6. Rozwiązanie piąte: zmiana widoczności warstw
6.1 Cechy rozwiązania
7. Rozwiązanie szóste: warstwy i hiperłącza
7.1 Cechy
8. Podsumowanie

Kurs od podstaw. Część 5: Wyszukiwarka (4 godziny)

1. Działanie tradycyjnej wyszukiwarki
2. Działanie wyszukiwarki Ajax-owej
3. Implementacja wyszukiwarki tradycyjnej
3.1 Podstrony i adresy URL
3.2 Formularz wyszukiwania
3.3 Menu strony
3.4 Wyszukiwanie
3.5 Wybór treści witryny
4. Implementacja wyszukiwarki Ajax-owej
4.1 Skrypt server.php
4.2 Zmiany w kodzie HTML
4.3 Przeładowanie fragmentu
5. Podsumowanie

Część 6: jQuery (8 godzin)

1. Cechy jQuery
2. Podstawy
2.1 Pierwszy dokument HTML stosujący jQuery
2.2 Obsługa zdarzenia onclick elementu p
2.3 Składnia jQuery
3. Selektory CSS
3.1 Element
3.2 Identyfikator
3.3 Klasa
3.4 Wartość atrybutu
4. Zmiana treści i wyglądu
4.1 Dostęp do treści elementu
4.2 Zmiana stylu
4.3 Dodanie i usunięcie klasy
5. Zdarzenia
6. Zagadnienia dalsze
6.1 Automatyczna iteracja
6.2 Kaskada
6.3 Odczyt atrybutów
6.4 Ajax, czyli asynchroniczne ładowanie pliku
7. Menu
7.1 Ładowanie treści po kliknięciu
7.2 Kilka opcji menu
7.3 Menu ol/li/a
7.4 Ajaksowe menu działające po wyłączeniu JavaScript
8. Wyszukiwarka