Урок 1. JavaScript и DOM
Что такое JavaScript и DOM
Принцип взаимодействия клиент-сервер
Как вызвать JavaScript
С чем взаимодействует JavaScript
Структура DOM документа
Функции и область видимости переменных
Типы данных
Пример калькулятора на JavaScript
Замыкания
Пример часов на JavaScript
Создаём заготовку для выполнения домашнего задания

Урок 2. ООП в JavaScript и AJAX
Общие понятия ООП
Класс
Объект
Особенности ООП в JavaScript
Классы и объекты на примере игры «змейка»
Почему внутри класса следует аккуратно использовать this
Что такое AJAX
Работа с XMLHttpRequest
Пример функции отправки AJAX-запроса
Создаём чат с роботом на AJAX

Урок 3. jQuery (часть 1)
Зачем нужны фреймворки
Что такое jQuery
Где скачать и как подключить
Работа с DOM с помощью jQuery
Селекторы и иерархия
Проводим аналогию с css
Фильтры
Примеры сложных фильтров

Урок 4. jQuery (часть 2)
Работа с формами
Работа со стилями
Обработчики событий
Пример обработки нажатия на кнопку
Пример обработки скроллинга элемента
Пример обработки наведения курсора мышки
Функция live
Анимация
Простые анимационные эффекты
Функция animate
Цепочки из анимаций

Урок 5. AJAX в jQuery
Функция ajax
Что такое асинхронность запроса
Сериализация форм
Типы передаваемых данных
Timeout
Обработчики событий в рамках ajav-запроса
Функция ajaxSetup
Зачем нужны глобальные настройки
Функции post, get и load
Глобальные события

Урок 6. JSON
Что такое JSON
Какие данные может возвращать Ajax
Почему правильнее, чтобы Ajax возвращал JSON а не HTML
JSON vs XML
Работа с JSON в PHP
Работа с JSON в JavaScript
Пример чата с использованием JSON

Урок 7. jQuery UI
Где скачать и как подключить
Взаимодействия
Виджеты
Эффекты
Утилиты
Подключение календаря
Автодополнение
Работа с диалоговыми окнами
ThemeRoller

Урок 8. HTML-5, новшества
Почему появился flash
Что такое сanvas
Общий порядок рисования на сanvas
Функции для рисования на сanvas
Чем отличаются fill и stroke
Примеры реализаций html5 + canvas
Web-sockets
Чат с ботом с использованием сокетов