Видеокурс JavaScript. Уровень 2. Расширенные возможности (2012)
Добавил tel40plus, в категорию: Создание и раскрутка сайта, Компьютеры и програмирование, Видеоуроки (29-10-2012, 13:28)
 Изучив видео руководство javascript. Уровень 2. Расширенные возможности Вы овладеете навыками профессионального написания и использования javascript-скриптов на сайте. Вы будете понимать принципы взаимодействия javascript и HTML, узнаете основные приемы получения кроссбраузерного кода, научитесь создавать с помощью клиентского javascript слайд-шоу, выполнять множество других функций, повышающих качество взаимодействия сайта с клиентом. Уверенное владение этим языком позволит Вам создавать гибкие, интерактивные сайты. По окончании курса Вы получите навыки написания javascript-кода для сайтов, сформируете понимание взаимодействия javascript и HTML, освоите основные приемы получения кроссбраузерного кода. По окончании курса Вы будете уметь: - Понимать возможности javascript для манипуляции элементами HTML-страниц - Управлять элементами HTML-страниц с помощью javascript - Реализовывать различные эффекты (drag'n'drop, анимационные эффекты, запоминание информации в cookie, работа с окнами) Содержание: Модуль 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, глобальные функции - методы этого объекта 4 Модуль 2. Объект Document, базовая модель событий • Свойства и методы объекта Document • Доступ к отдельным элементам страницы с помощью свойств объекта Document: • body • title • forms • images • links • anchors • applets • embeds • Доступ к атрибутам элементов страницы • Способ сохранения информации для посещенной страницы – cookie • Лабораторная работа: Модификация работы по открытию окна: добавление формирования содержимого • Лабораторная работа: Чтение и запись cookie • Базовая или исходная модель событий • Список событий и элементы страницы, где они могут возникнуть • Применение кода в качестве обработчика события • Вызов функций в значении атрибута • Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this • Передача ссылок на событие и элемент, в котором оно возникло • Лабораторная работа: Регистрация обработчиков событий в HTML коде, недостатки этого способа • Лабораторная работа: Регистрация обработчиков событий в коде скрипта, передача ссылки на событие 4 Модуль 3. Отдельные HTML элементы и работа с ними • Таблицы и ее элементы • Свойства и методы таблицы, ее элементов • Лабораторная работа: Динамическое создание таблицы (модификация примера из 2 модуля курса «Базовыйjavascript») • Формы и элементы управления • Свойства и методы формы, ее элементов • События, связанные с формой и ее элементами • Лабораторная работа: Правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры • Изображения • Свойства изображений • События, связанные с изображениями • Лабораторная работа: Динамическое создание изображения, организация просмотра увеличенных изображений Модуль 4. Объектная модель документа (DOM) • Реализация W3C DOM различными браузерами • Архитектура DOM, дерево элементов • Типы узлов, работа с атрибутами • Свойства и методы различных типов узлов • Доступ к значению атрибутов через свойства • Работа со встроенными стилями (атрибут style (inline)) • Работа с таблицами стилей (элементы для внешних таблиц (linking) и для встроенных таблиц (ebbedding)) • Методы экземпляров RegExp и String для поиска с использованием шаблонов • Лабораторная работа: Динамическое создание таблицы (модификация примера из 2-го модуля курса «Базовыйjavascript») • Лабораторная работа: Поиск элементов страницы и манипуляции с ними • Лабораторная работа: • Построение списка со ссылками из массива • Лабораторная работа: • Изменение внешнего вида посредством работы с таблицами стилей 4 Модуль 5. Модель событий в объектной модели документа • Отличия целевых элементов для некоторых событий по сравнению с базовой моделью • Модель возникновения, распространения и обработки событий в W3C DOM и IE • Использование всплытия событий для регистрации единственного обработчика, исключения • Свойства события • Кроссбраузерное назначение функций-обработчиков событий • Лабораторная работа: Принципы построения кроссбраузерного служебного кода • Лабораторная работа: Реализация drag'n'drop • Лабораторная работа: Построение раскрывающегося по клику списка 4 Модуль 6. Основы использования библиотеки jQuery • Введение в jQuery: назначение и использование • Выборка с помощью jQuery • Использование свойств элементов • Использование событий элементов • Основы применения анимации • Лабораторные работы: по теме 4 Дополнительно: В наличии исходные коды и рабочая тетрадь всего курса в папке materials. Название: javascript. Уровень 2. Расширенные возможности Автор: Специалист Год выпуска: 2012 Жанр: обучающие видео Язык: русский Продолжительность: 11:99:00 Качество видео: PCRec Видео: MPEG4 Video (H264);~142 Kbps;1024x768 Аудио: AC3 2.0; 1536kbps Размер: 1008.42 Mb Забрать javascript. Уровень 2. Расширенные возможности (2012) Видеокурс Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Посмотрели: 931 | Прокомментировали: 0
Смотрите также по теме:
|
АвторизацияЭтот параграф содержит ссылку. Этот параграф содержит ссылку. |
![Введение в HTML5 [Специалист]](http://skrinshot.ru/files2/60719568737889453449064789539655.jpg "Введение в HTML5 [Специалист]")
