Главная > Книги / Разное > Видеокурс. JavaScript. Уровень 2. Расширенные возможности
Видеокурс. JavaScript. Уровень 2. Расширенные возможности24-04-2011, 13:48. Разместил: Hold |
![]() Интерактивное взаимодействие с посетителями – основа успешности любого сайта. Клиентский 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. Расширенные возможности: Скачать частями: Вернуться назад
Скачать с depositfiles часть 1 Скачать с depositfiles часть 2 Скачать с depositfiles часть 3 Скачать с depositfiles часть 4 Скачать одним файлом: Скачать с vip-file.com |