Интерактивное взаимодействие с посетителями – основа успешности любого сайта. Клиентский javascript позволяет просматривать увеличенные фотографии, направлять товар в корзину и выполнять другие функции, обеспечивающие взаимодействие сайта с клиентом.
Уверенное знание этого языка позволит создавать функциональные сайты, мощные и удобные интерфейсы. По окончании курса Вы получите навыки программирования функциональных сайтов, сформируете понимание взаимодействия javascript и HTML, освоите основные приемы получения кроссбраузерного кода.
Курс также будет полезен тем, кто обладает знаниями в объёме программы, но хочет их систематизировать, а также повысить свою эффективность за счёт новых приёмов и методов работы.
Содержание:Модуль 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, respon[цензура]ml)
* лабораторная работа: работа с ответом в виде javascript-кода
* организация сценариев в реальных проектах
* лабораторная работа: перетаскивание товара в корзину (клонирование элементов и работа с координатами события)
* лабораторная работа: использование cookie для запоминания состояния элементов (раскрывающегося списка)
* лабораторная работа: построение выпадающего списка
* лабораторная работа: применение settimeout(), setinterval() для визуальных динамических эффектов
O файле:Автор: СПЕЦИАЛИСТ
Формат видео: WMV
Format: Windows Media
Overall bit rate mode: Variable
Overall bit rate : 164 Kbps
Maximum Overall bit rate: 295 Kbps
Название: javascript. Уровень 2. Расширенные возможности
Год выпуска: 2010
Размер архива: 320 МБ
Размер файла: 696 МБ(в распакованном виде)
Скачать Видеокурс. javascript.Уровень 2. Расширенные возможности:
