Включите JavaScript

Язык JavaScript

Организационная информация

Длительность курса: 18 астрономических часов.

Необходимый уровень подготовки

Навыки работы на компьютере, знание языка гипертекстовой разметки документов XHTML и описания стиля CSS, навыки программирования на языке С/С++.

Для кого предназначен этот курс?

Этот курс является повышением квалификации и рекомендуется специалистам, которые хотят повысить уровень знаний в данной области.

Если же вам необходимы фундаментальные знания в IT-сфере, то вы можете пройти подготовку по специальности "Разработка программного обеспечения" или по направлениям "Разработка мобильных приложений под Android", "Современные WEB-технологии и маркетинг" и "Тестирование ПО".

Описание

Курс предназначен для освоения языка написания клиентских сценариев JavaScript и ориентирован на людей, обладающих навыками работы на компьютере. Курс включает в себя изучение классификации сценариев, написание и отладку сценариев для различных типов браузеров.

Какие инструменты (программы, языки программирования, технологии и т.д.) я освою?

Инструменты: программы редактирования JavaScript кода, отладчики кода встроенные в браузеры.
Технологии: HTML 5, CSS, JavaScript, jQuery.

По окончании курса вы сможете

Создавать сценарии управления содержимым HTML-документа, динамически создавать документ и его элементы, разрабатывать интерактивные веб-страницы с элементами анимации.

Программа обучения

Введение. Основные конструкции языка

  • Сценарии, выполняемые на стороне клиента.
  • Различия между JavaScript и Java, JScript, ECMAScript.
  • Внедрение в HTML документы. Редакторы кода JavaScript.
  • Синтаксис.
  • Переменные и типы данных.
  • Операторы.
  • Ввод/вывод данных. Диалоговые окна.
  • Принятие решений, выбор.
  • Циклы.

Функции. Объекты

  • Функции, формальные и фактические параметры.
  • Объектный тип данных, создание объектов, this.
  • Объект Array. Свойства и методы.
  • Объекты JavaScript. Управление содержимым элементов (document.write(), innerText, innerHTML, insertAdjacentText и insertAdjacentHTML).
  • Объект String. Работа со строками (4 пары).

Обработка событий

  • Обработка событий в сценариях.
  • Управление стилями элементов web-страницы.
  • Объект event и его свойства.
  • Обработчики событий по умолчанию (стандартные обработчики), запрет вызова стандартного обработчика.
  • Прохождение событий через элементы (свойство cancelBubble).
  • Объект Image. Управление рисунками и ролловерами.
  • Практическая работа.

Объекты Date и Math

  • Задержки и интервалы. Периодический вызов функций.
  • Объект Date. Обработка даты и времени. (4 пары)
  • Объект Math. Свойства и методы. Движение объектов на странице (6 пар).

Взаимодействие событий и стилей: фильтры

  • Статические фильтры. Изменение фильтра в результате события. Эффект динамики при помощи периодического вызова функций.
  • Динамические фильтры.

Практические примеры

  • Пример №1. Перетаскивание элементов.
  • Пример №2. Выпадающее меню.
  • Пример №3. Падающий снег.

Объектная модель документа (DOM)

  • Описание DOM. Иерархия объектов.
  • Объект Navigator. Управление броузером.
  • Объект Screen. Свойства экрана.
  • Перемещение по страницам: объекты Location и History (3 пары).
  • Объект Window. Открытие, перемещение и изменение размера окон.
  • Коллекция Frames: управление фреймами при помощи JavaScript.
  • Знакомство с объектами Document и Link (2 пары).
  • Управление выделением и текстовым диапазоном: объекты Selection и TextRange (1 пара).
  • Практическое занятие по объектам броузера - создание галереи (2 пары).

Формы

  • Применение форм. Размещение элементов формы в HTML.
  • Коллекция Forms. Создание и программирование элементов формы.
  • Кнопки: элементы Button, Submit, Reset.
  • Текстовые поля: элементы Text, Password, File Upload, Textarea.
  • Скрытое поле формы: общее понятие об элементе Hidden.
  • Флажок: элемент Checkbox.
  • Переключатель: элемент Radio.
  • Список: элементы Select, Option.
  • Практическое задание.

Проверка достоверности данных формы

  • Объект RegExp. Правила записи регулярных выражений.
  • Методы объектов String и RegExp для работы с регулярными выражениями.
  • Проверка достоверности данных формы.

Использование Cookie

  • Преимущества и недостатки cookie.
  • Создание, использование и удаление cookie.
  • Практическое применение cookie: пользовательские настройки web-страницы (в результате настройки загрузится таблица стилей с использованием объекта Link).

Стандарт DOM

  • Различия между моделями DOM и BOM.
  • Представление HTML-документа в виде дерева.
  • Объекты модели DOM. Иерархия узлов.
  • Свойства и методы модели DOM. Модель событий DOM.
  • Изменение дерева DOM.
  • Практическая работа: раскрывающийся список.

 Узнать больше вы сможете через регистрационную анкету,
наш менеджер свяжется с вами удобным для вас способом.

Наверх