Тема 1. Введение в Java Script. Пишем первую программу на Java Script /2 часа/
Введение в программирование. Что такое компьютерная программа. Как добавить JavaScript на страницу. Внешние файлы JavaScript. Прикрепление внешнего файла JavaScript. Ваша первая программа на JavaScript. Написание текста на веб-странице. Вывод текста на экран. Вывод текста в консоль браузера.
Тема 2. Грамматика Java Script. Базовые типы /4 часа/
Базовые типы. Числа. Строки. Булевы значения. Переменные. Создание переменной. Использование переменных. Изменение значений в переменных. Работа с типами данных и переменными. Операторы для работы с числами. Операторы сравнения. Сравнение строк. Логические операторы. Функции проверки типов. Объединение строк. Объединение чисел и строк. Манипуляции с типами. Приведение типов. Запрос информации.
Тема 3. Добавление в программу логики и контроля /6 часов/
Реализация повторяющихся задач с использованием циклов. Цикл While. Цикл For. Цикл Do/While. Операторы инкремента и декремента. Интеллектуальная реакция программы. Основы условных выражений. Добавление альтернативного плана. Проверка истинности более одного условия. Проверка истинности как минимум одного условия. Отрицание условия. Вложение условных выражений. Инструкции прерывания и продолжения. Инструкция переключения switch.
Тема 4. Функции /4 часа/
Функции: превращение полезного кода в многократно используемые команды. Сообщение информации функциям. Возвращение информации от функций. Функция как значение переменной. Области видимости. Глобальные и локальные переменные. Анонимная функция.
Тема 5. Объекты и массивы /6 часов/
Объектный тип: объект. Свойства объекта. Обращение к свойствам объекта. Обнуление объекта. Цикл For/in. Сравнение объектов. Методы объекта. Переменная this в JavaScript: особенности использования. Объект arguments и свойство length. Массивы. Создание массива. Длина массива. Доступ к элементам в массиве. Перебор элементов массива. Добавление элементов в массив. Удаление элементов массива. Получение части массива. Сортировка массива.
Тема 6. Работа с объектами. Дата и время /3 часа/
Объект Math.Объект String. Преобразование строки в число. Получение части строки. Поиск по строке. Объект Date. Методы объекта Date.
Тема 7. Глобальный объект Window /2 часа/
Понятие глобального объекта. Свойства и методы глобального объекта. Работа с окном: создание, перемещение, передача фокуса, закрытие.
Тема 8. Динамическое модифицирование страниц /6 часов/
Объектная модель документа (DOM). Типы узлов. Методы узлов. Перемещение по DOM. Выбор элементов страницы: по идентификатору, по типу, по имени. Добавление содержимого на веб-страницу. Создание, вставка и удаление узла. Таймеры. Создание анимации.
Тема 9. События /2 часа/
Что такое события. События мыши. События документа/окна. События форм. События клавиатуры. Обработка событий. Базовая модель событий. Модель W3C DOM. Модель старого Internet Explorer.
Тема 10. Введение в jQuery. Селекторы и методы jQuery /2 часа/
О библиотеках JavaScript. Где взять jQuery. Загрузка файла jQuery. Добавление библиотеки jQuery на страницу. jQuery и DOM. Выбор элементов страницы: подход jQuery. Функция jQuery. Структура HTML с точки зрения jQuery. Селекторы СSS и селекторы jQuery: различия и предназначение. Событие click(). Эффекты скольжения и изменения прозрачности в jQuery. Конкатенация и слияние данных. Использование методов append() и remove(). Ключевое слово this в jQuery: особенности использования.
Тема 11. События и функции jQuery /2 часа/
Действие/реакция. Связывание события с элементом. Удаление событий. Перебор элементов с помощью итератора each(). Использование функций. Структура функции. Пользовательские функции. Именованные и анонимные функции. Передача данных функции. Возвращение информации от функций. Условные конструкции в jQuery.
Тема 12. Операции со структурой страниц в jQuery /3 часа/
Назначение классов элементам. Перемещение по дереву DOM. Методы обхода дерева DOM. Методы parent(), children(), next(). Сцепленные вызовы методов. Добавление содержимого на страницу. Методы detach(), before(), after(). Создание интерактивного меню. Массивы в jQuery. Хранение элементов в массиве. Изменение элементов массива методом replaceWith(). Метод each() и перебор массивов. Фильтры jQuery.
Тема 13. Анимация и эффекты /4 часа/
Эффекты jQuery. Как jQuery выполняет анимацию элементов. Основы отображения и сокрытия. Постепенное появление и исчезновение элементов. Эффекты изменения прозрачности. Скользящие элементы. Задержка при использовании эффектов. Пользовательские эффекты и метод animate(). Что можно анимировать. Абсолютная и относительная анимация. Методы работы с таймером JS и jQuery.
Тема 14. Использование плагинов для расширения возможностей jQuery /4 часа/
Работа с изображениями. Изменение атрибута изображения src. Предварительная загрузка изображений. Сменяемые изображения. Создание галереи изображений. Плагин FancyBox.
Тема 15. Введение в технологию API /2 часа/
Что такое программные интерфейсы API. Сервис Google Maps. Загрузка карт Google Maps на сайт. Установка местоположения для карты. Другие настройки Google Maps. Добавление маркеров.
Тема 16. Улучшение веб-форм /4 часа/
Расширение возможностей jQuery с помощью библиотеки jQuery UI. Структура форм. Выбор элементов форм. Построение календаря. Настройка виджета datepicker. Использование виджета button для создания стильных кнопок. Ограничение ввода числовых данных с помощью виджета slider.