На занятиях курса «JavaScript. Уровень 2. Расширенные возможности»
Вы овладеете навыками профессионального написания и использования
JavaScript-скриптов на сайте. Вы будете понимать принципы
взаимодействия JavaScript и HTML, узнаете основные приемы получения
кроссбраузерного кода. Моментальный отклик страницы сайта на любое
необходимое действие пользователя — основа успешности любого
сайта и большой плюс к конкурентоспособности любого веб-проекта.
Клиентский JavaScript позволяет создавать слайд-шоу, анимировать
отправку товара в корзину (и реализовывать калькулятор на сайте),
выполнять множество других функций, повышающих качество
взаимодействия сайта с клиентом.
На занятиях курса «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
Жанр: Программирование
Язык: русский
Качество видео: PCRec
Продолжительность: 11:99:00
Видеокодек: MPEG4 Video (H264)
Битрейт видео: ~142 Kbps
Размер кадра: 1024×768
Аудиокодек: AC3 2.0
Битрейт аудио: 1536kbps
Размер: 1008.42 Mb (+3% на восст.)
Скачать JavaScript. Уровень 2. Расширенные возможности.
Обучающий видеокурс