www.TutorBit.org

Регистрация
TutorBit.org на facebook TutorBit.org RSS
ГЛАВНАЯ » СКЛАД » ВИДЕОУРОКИ » Web, Сайтостроение

Видеокурс javascript. Уровень 2. Расширенные возможности

Добавлено: 29.10.2013, 16:52
Скачать Видеокурс javascript. Уровень 2. Расширенные возможности

Описание: 
Интерактивное взаимодействие с посетителями – основа успешности любого сайта. Клиентский 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, responseXML)
*Лабораторная работа: Работа с ответом в виде javascript-кода
*Организация сценариев в реальных проектах
*Лабораторная работа: Перетаскивание товара в корзину (клонирование элементов и работа с координатами события)
*Лабораторная работа: Использование cookie для запоминания состояния элементов (раскрывающегося списка)
*Лабораторная работа: Построение выпадающего списка
*Лабораторная работа: Применение setTimeout(), setInterval() для визуальных динамических эффектов

 


Название: Видеокурс javascript. Уровень 2. Расширенные возможности
Год выпуска: 2010
Автор: Центр компьютерного обучения "Специалист"
Видео: WMV; G2M3; 1024x768;
Аудио: WMA; 44.1 KHz; 48.0 Kbps; 1 channel;
Продолжительность: 09:19:14

Поделиться в соц. сетях:


Скачивать файлы с сервера могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Скачать Видеокурс javascript. Уровень 2. Расширенные возможности
Видеокурс javascript. Уровень 2. Расширенные возможности
Просмотров: 2241
Скачали: 50
Размер материала: 692.29 Mb
Дата добавления: 29.10.2013

Правообладателям


Материал предоставлен для ознакомления!
Применение содержимого на практике только на Ваш страх и риск.

Поставьте, пожалуйста, свою оценку:
  0.0/0
Категория: Web, Сайтостроение | Теги: возможности, (2010), Расширенные, Уровень, JavaScript., видеокурс Просмотров: 2241 | Загрузок: 50

Рекомендуем:

ВНИМАНИЕ!!!

Вы можете скачать бесплатно"Видеокурс javascript. Уровень 2. Расширенные возможности", если у Вас активирован статус "Premium" или "Gold" пользователя.
Если Вы являетесь автором материала и его размещение на сайте произошло без Вашего согласия - обратитесь к администрации сайта и с Вами свяжутся в ближайшее время для урегулирования ситуации.

Ваши комментарии очень важны для развития проекта!!!

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]