Создание Web-сайтов с использованием динамического HTML и JavaScript: Программа обучения

Аннотация

Язык JavaScript используется для создания динамически изменяющихся интерактивных веб-страниц.
Представляем вашему вниманию полностью обновленную программу по изучению этого языка. Вы начнете с основ: синтаксис, область применения, особенности работы с современными браузерами.
JavaScript - это объектно-ориентированный язык, поэтому большое внимание уделяется механизму создания объектов, свойств и методов объектов, применению объектов для создания удобных и динамичных сайтов.
Интернет сегодня - это сеть, развивающаяся благодаря активному вкладу ее читателей, как мы видим на примере социальных сетей. Для того чтобы это стало возможным, было необходимо широко внедрить в сети программы на JavaScript, упрощающие работу с формами и рисунками, делающие работу в Интернете доступной для посетителя любой квалификации.
Данный курс можно охарактеризовать двумя словами - это современный JavaScript!

Программа курса

Занятие 1. Введение в JavaScritpt

• Обзор клиентских веб-технологий.
• Инструментальные средства разработки клиентских веб-приложений.
• Понятие языка сценариев. Основные сценарные языки.
• Язык Javascript, история развития и версии.
• Встраивание сценариев Javascript в HTML-документы.
• Синтаксис языка Javascript.
• Строки, переменные, литералы. Типы данных.
• Зарезервированные слова, выражения и операции.
• Ввод-вывод информации. Специальные символы.

Занятие 2. Создание циклов. Функции

• Операторы. Условные инструкции if/else.
• Операторы цикла do/while, for.
• Инструкция переключения switch/case, инструкции continue, break.
• Создание массивов. Методы работы с массивами.
• Определение и вызов функций. Параметры, передаваемые функции.
• Возвращаемое значение функции.
• Область видимости переменной. Функции как данные. Контекст исполнения функции.

Занятие 3. Поддержка событий. Базовые объекты

• События в JavaScript. Обработчики событий. Объект event. Распространение событий.
• Объекты, свойства и методы. Создание объекта. Конструктор объекта. Прототипы. Механизм наследования.
• Пользовательские объекты.
• Базовые объекты JavaScript. Глобальный объект.
• Обработка исключений. Объект Error.
• Объекты Date, String, регулярные выражения. Шаблоны для поиска в строках. Методы RegExp и String для поиска. Проверка достоверности вводимых данных.
• Объект Math.

Занятие 4.Объекты браузера. Объект window

• Объектная модель документа DOM.
• Объекты браузера. Коллекции.
• Объект window.
• Методы работы с промежутками времени.
• Модальные диалоговые окна.
• Управление окнами. Создание окна.
• Перемещение и развертывание окна, обмен информацией с новыми окнами.

Занятие 5. Объекты браузера. Работа с изображениями

• Объект document.
• Объекты location, status, screen и navigator.
• Объект image. Перекатывание изображений.
• Предварительная загрузка изображений в браузер.
• Создание движущегося изображения.

Занятие 6. Динамическое изменение стилей документа

• Применение каскадных таблиц стилей для создания динамических элементов страницы.
• Изменение фонового цвета и изображения.
• Смена стиля текста и ссылок.
• Анимация.
• Создание перетаскиваемых элементов.
• Выпадающие меню.
• Свойства и методы таблицы, ее элементов.

Занятие 7. Работа с формами в JavaScript. Фреймы

• HTML-формы. Элементы форм.
• Методы передачи информации из формы.
• Использование сценариев Javascript для проверки форм.
• События, связанные с формами. Установка и перенос фокуса.
• Блокирование и скрытие элементов формы.
• Управление фреймами.

Занятие 8. Работа с cookie. Объекты DOM

• Управление cookie. Формат данных cookie.
• Использование Javascript для работы с cookie.
• Реализация W3C DOM различными браузерами.
• Структура дерева документа. Доступ к объектам DOM.
• Элементы документа, их свойства и методы работы с ними. Типы узлов, работа с атрибутами.
• Применение DOM для создания динамических эффектов.
• Создание сворачивающихся списков и меню.

Занятие 9. Исполняющая система JScript. Обзор библиотек JavaScript. JQuery

• Особенности языка JScript. Библиотека ActiveX.
• Рекомендации и примеры решения практических задач.
• Обзор библиотек JavaScript для ускорения разработки веб-страниц.
• Библиотека JQuery. Отбор элементов страницы с помощью селекторов.

Занятие 10. Пользовательские интерфейсы JQuery

• Поддержка событий в JQuery, вызов и обработка событий.
• Манипуляция элементами страницы, визуальные эффекты: анимация, изменение видимости и прозрачности элементов.
• Управление атрибутами элементов.
• Пользовательские интерфейсы. Drag & Drop, выпадающий календарь.