Программа семинара:
JavaScript. Основы веб-программирования:
Введение в JavaScript, основные сведения, синтаксис
- Краткая история JavaScript, текущая версия (1.5)
- Внедрение сценариев в HTML
- Синтаксис, зарезервированные слова
- Понятие операторов
- Лабораторная работа: Первый сценарий
- Понятие переменной, литерала
- Классификация типов данных, оператор typef
- Краткое описание всех типов данных
- Глобальный объект
- Тривиальные типы данных null, undefined
- Базовые типы String, Number, Blean
- Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFlat()
- Лабораторная работа: Изучение методов экземпляров String
- Лабораторная работа: Изучение методов экземпляров Number, методов глобального объекта и объекта Math
Инструкции и функции
- Понятие инструкции
- Объединение инструкций, оператор «,»
- Блок инструкций {}
- Условные инструкции (if, if/else, if/else if/else)
- Инструкции цикла (while, d/while, fr, fr/in)
- Инструкция переключения (switch/case/default)
- Инструкции cntinue, break
- Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Errr)
- Лабораторная работа: Построение таблицы в цикле (использование элемента <style> и правил CSS для модификации внешнего вида таблицы)
- Лабораторная работа: Определение правильного окончания слова с разными числительными
- Функции
- Имена функций, их создание и вызов
- Область видимости переменных
- Аргументы функций, объект arguments, рекурсивный вызов
- Инструкция return
- Лабораторная работа: Использование функции для модернизации предыдущего примера с окончанием слова
- Лабораторная работа: Создание функции для работы с любым количеством переданных аргументов
- Лабораторная работа: Создание функции, возвращающей значение
Массивы и объекты
- Массивы, тип данных Array
- Свойства и методы экземпляров Array
- Лабораторная работа: Изучение методов массивов
- Объекты в JS, тип данных bject
- Свойства и методы экземпляров bject
- Углубление понятия свойств и методов любого объекта в JavaScript
- Контекст исполнения функции в качестве метода объекта
- Лабораторная работа: Вызов глобальной функции как метода объекта, ключевое слово this
- Пользовательские объекты
- Понятие класса-конструктора, оператор instancef, свойство cnstructr
- Механизм наследования, prttype
- Лабораторная работа:
- Создание пользовательского класса-конструктора, передача аргументов
- Лабораторная работа: Модификация пользовательского класса-конструктора с помощью prttype
Регулярные выражения и даты
- Шаблоны для поиска в строках, тип данных RegExp
- Синтаксис регулярных выражений
- Спецсимволы, неалфавитные символы (управляющие последовательности)
- Классы символов
- Повторение
- Альтернатива, группировка и ссылки (внутри вне шаблона)
- Флаги
- Свойства экземпляров RegExp
- Методы экземпляров RegExp и String для поиска с использованием шаблонов
- Лабораторная работа: Использование рассмотренных методов для поиска
- Лабораторная работа: Составление шаблона для проверки корректности e-mail
- Создание дат, тип данных Date
- Свойства и методы экземпляров Date
- Лабораторная работа: Получение текущей и заданной дат
- Лабораторная работа: Получение даты с заданным смещением (неделя - 7 суток, месяц - 30 суток)
- Лабораторная работа: Использование экземпляров Date в качестве «секундомера»
- Заключительная часть – закрепление знаний про объекты, их свойства и методы, синтаксис доступа к ним
Глобальный объект Windw
- DM как связь базового JavaScript и HTML страницы
- Краткая история развития DM, текущая версия (2)
- Глобальный объект Windw, его свойства и методы
Объекты, доступные как свойства Windw, их свойства и методы:
- lcatin
- histry
- navigatr
- screen
- dcument
- Лабораторная работа: Использование методов prmpt(), cnfirm(), alert() для задания условия выполнения действий и информирования пользователя
- Лабораторная работа: Отложенный вызов кода (setTimeut(), setInterval()), использование методов для счетчиков времени
- Лабораторная работа: Открытие окна, работа с его положением, получение и потеря фокуса, скроллирование, закрытие окна
- Лабораторная работа: Отслеживание свойства clsed открытого окна, взаимодействие окон с помощью переменной и свойства pener
- windw.frames[] и понятие HTML коллекции
- Взаимодействие окон (глобальных объектов) во фреймовой структуре
- Лабораторная работа: Работа с переменными в разных окнах (tp, parent, self), закрепление понимания, что глобальные переменные - свойства объекта windw, глобальные функции - методы этого объекта
Объект Dcument, базовая модель событий
- Свойства и методы объекта Dcument
- Доступ к отдельным элементам страницы с помощью свойств объекта Dcument:
- bdy
- title
- frms
- images
- links
- anchrs
- applets
- embeds
- Доступ к атрибутам элементов страницы
- Способ сохранения информации для посещенной страницы – ckie
- Лабораторная работа: Модификация работы по открытию окна: добавление формирования содержимого
- Лабораторная работа: Чтение и запись ckie
- Базовая или исходная модель событий
- Список событий и элементы страницы, где они могут возникнуть
- Применение кода в качестве обработчика события
- Вызов функций в значении атрибута
- Регистрация функций-обработчиков в качестве свойства элемента, ключевое слово this
- Передача ссылок на событие и элемент, в котором оно возникло
- Лабораторная работа: Регистрация обработчиков событий в HTML коде, недостатки этого способа
- Лабораторная работа: Регистрация обработчиков событий в коде скрипта, передача ссылки на событие
Отдельные HTML элементы и работа с ними
- Таблицы и ее элементы
- Свойства и методы таблицы, ее элементов
- Лабораторная работа: Динамическое создание таблицы (модификация примера из 2 модуля курса «Базовый JavaScript»)
- Формы и элементы управления
- Свойства и методы формы, ее элементов
- События, связанные с формой и ее элементами
- Лабораторная работа: Правильная организация формы, ее проверка перед отправкой, фильтрация ввода с клавиатуры
- Изображения
- Свойства изображений
- События, связанные с изображениями
- Лабораторная работа: Динамическое создание изображения, организация просмотра увеличенных изображений
Объектная модель документа (DM)
- Реализация W3C DM различными браузерами
- Архитектура DM, дерево элементов
- Типы узлов, работа с атрибутами
- Свойства и методы различных типов узлов
- Доступ к значению атрибутов через свойства
- Работа со встроенными стилями (атрибут style (inline))
- Работа с таблицами стилей (элементы <link> для внешних таблиц (linking) и <style> для встроенных таблиц (ebbedding))
- Методы экземпляров RegExp и String для поиска с использованием шаблонов
- Лабораторная работа: Динамическое создание таблицы (модификация примера из 2-го модуля курса «Базовый JavaScript»)
- Лабораторная работа: Поиск элементов страницы и манипуляции с ними
- Лабораторная работа:
- Построение списка со ссылками из массива
- Лабораторная работа:
- Изменение внешнего вида посредством работы с таблицами стилей
- Модель событий в объектной модели документа
- Отличия целевых элементов для некоторых событий по сравнению с базовой моделью
- Модель возникновения, распространения и обработки событий в W3C DM и IE
- Использование всплытия событий для регистрации единственного обработчика, исключения
- Свойства события
- Кроссбраузерное назначение функций-обработчиков событий
- Лабораторная работа: Принципы построения кроссбраузерного служебного кода
- Лабораторная работа: Реализация drag'n'drp
- Лабораторная работа: Построение раскрывающегося по клику списка
- Основы использования библиотеки jQuery
- Введение в jQuery: назначение и использование
- Выборка с помощью jQuery
- Использование свойств элементов
- Использование событий элементов
- Основы применения анимации
- Лабораторные работы: по теме
|