Урок 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
• Чат с ботом с использованием сокетов