Жанр: Обучающее видео
Автор/Издатель: 'СПЕЦИАЛИСТ'
Год выпуска: 2010
Продолжительность: 24 ак.ч.
Формат: WMV (Кодек для корректного воспроизведения прилагается в архиве)
Язык: Русский
Размер архива: 696 Мб
Видеокурс JavaScript. Уровень 2. Расширенные возможности является продолжением предыдущего курса по основам языка программироания JavaScript. Безусловно, новый материал будет более сложен чем в первом видеокурсе, но в случае успешного его усвоения, вы получите твердые знания базового языка JavaScript и DOM, научитесь управлять HTML-страницами с помощью JavaScript, получите навыки программирования функциональных сайтов, сформируете понимание взаимодействия JavaScript и HTML, освоите основные приемы получения кроссбраузерного кода. Заключительная часть видеокурса познакомит вас с основами Ajax и нетривиальными примерами работы с html страницей. Для успешного усвоения материала Вам понадобится предварительная подготовка (JavaScript. Уровень 1. Основы веб-программирования) или эквивалентные знания.
Содержание видеокурса «JavaScript. Уровень 2. Расширенные возможности»:
Модуль 1. Глобальный объект Window
• DOM как связь базового javascript и HTML страницы
• Краткая история развития DOM, текущая версия (2)
• Глобальный объект Window, его свойства и методы
• Объекты, доступные как свойства Window, их свойства и методы:
• location
• history
• navigator
• screen
• document
• Лабораторная работа: Использование методов prompt(), confirm(), alert() для задания условия выполнения действий и информирования пользователя
• Лабораторная работа: Отложенный вызов кода (setTimeout(), setInterval()), использование методов для счетчиков времени
• Лабораторная работа: Открытие окна, работа с его положением, получение и потеря фокуса, скроллирование, закрытие окна
• Лабораторная работа: Отслеживание свойства closed открытого окна, взаимодействие окон с помощью переменной и свойства opener
• window.frames[] и понятие html коллекции
• Взаимодействие окон (глобальных объектов) во фреймовой структуре
• Лабораторная работа: работа с переменными в разных окнах (top, parent, self), закрепление понимания, что глобальные переменные - свойства объекта window, глобальные функции - методы этого объекта
Модуль 2. Объект document, базовая модель событий
• Свойства и методы объекта document
• Доступ к отдельным элементам страницы с помощью свойств объекта document:
• body
• title
• forms
• images
• links
• anchors
• applets
• embeds
• Доступ к атрибутам элементов страницы
• Способ сохранения информации для посещенной страницы – cookie
• Лабораторная работа: модификация работы по открытию окна: добавление формирования содержимого
• Лабораторная работа: чтение и запись cookie
• Базовая или исходная модель событий
• Список событий и элементы страницы, где они могут возникнуть
• Применение кода в качестве обработчика события
• Вызов функций в значении атрибута
• Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this
• Передача ссылок на событие и элемент, в котором оно возникло
• Лабораторная работа: регистрация обработчиков событий в html коде, недостатки этого способа
• Лабораторная работа: регистрация обработчиков событий в коде скрипта, передача ссылки на событие
Модуль 3. Отдельные html элементы и работа с ними
• Таблицы и ее элементы
• Свойства и методы таблицы, ее элементов
• Лабораторная работа: динамическое создание таблицы (модификация примера из 2 модуля курса «базовый javascript»)
• Формы и элементы управления
• Свойства и методы формы, ее элементов
• События, связанные с формой и ее элементами
• Лабораторная работа: правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры
• изображения
• Свойства изображений
• События, связанные с изображениями
• Лабораторная работа: динамическое создание изображения, организация просмотра увеличенных изображений
Модуль 4. Объектная модель документа (dom)
• Реализация w3c dom различными браузерами
• Архитектура dom, дерево элементов
• Типы узлов, работа с атрибутами
• Свойства и методы различных типов узлов
• Доступ к значению атрибутов через свойства
• Работа со встроенными стилями (атрибут style (inline))
• Работа с таблицами стилей (элементы для внешних таблиц (linking) и для встроенных таблиц (ebbedding))
• Методы экземпляров regexp и string для поиска с использованием шаблонов
• Лабораторная работа: динамическое создание таблицы (модификация примера из 2-го модуля курса «базовый javascript»)
• Лабораторная работа: поиск элементов страницы и манипуляции с ними
• Лабораторная работа: построение списка со ссылками из массива
• Лабораторная работа: изменение внешнего вида посредством работы с таблицами стилей
Модуль 5. Модель событий в объектной модели документа
• Отличия целевых элементов для некоторых событий по сравнению с базовой моделью
• Модель возникновения, распространения и обработки событий в w3c dom и ie
• Использование всплытия событий для регистрации единственного обработчика, исключения
• Свойства события
• Кроссбраузерное назначение функций-обработчиков событий
• Лабораторная работа: принципы построения кроссбраузерного служебного кода
• Лабораторная работа: реализация drag'n'drop
• Лабораторная работа: построение раскрывающегося по клику списка
Модуль 6. Введение в ajax, нетривиальные примеры работы с html страницей
• Краткий обзор xml документов и формата json
• Основные аспекты работы асинхронного запроса
• Кроссбраузерный способ организации запроса
• Принципы работы с полученным ответом в зависимости от его заголовка (responsetext, responsexml)
• Лабораторная работа: работа с ответом в виде javascript-кода
• Организация сценариев в реальных проектах
• Лабораторная работа: перетаскивание товара в корзину (клонирование элементов и работа с координатами события)
• Лабораторная работа: использование cookie для запоминания состояния элементов (раскрывающегося списка)
• Лабораторная работа: построение выпадающего списка
• Лабораторная работа: применение settimeout(), setinterval() для визуальных динамических эффектов
