---

#777
Цель курса:
Научить слушателей основам программирования на языке JavaScript, дать представление о его возможностях и особенностях. Дать слушателям навыки программирования функциональных сайтов, сформировать понимание взаимодействия JavaScript и HTML, показать основные приемы получения кроссбраузерного кода.
По окончании курса Вы будете уметь:

1. Твердые знания базового языка JavaScript
2. Понимание принципа работы браузера с HTML-страницами
3. Твердые знания базового языка JavaScript и DOM
4. Понимание возможностей JavaScript для манипуляции с HTML-страницами
5. Умение управлять HTML-страницами с помощью JavaScript

Продолжительность курса - 16 ак. ч. + 24 ак. ч.
Производитель: Специалист
Год выпуска: 2009
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Будь то проверка форм или использование карт, перетаскивание товара в корзину или просмотр увеличенных фотографий – все это, и многое другое, реализуется с помощью клиентского JavaScript. А он, в свою очередь, основывается на базовом языке, изучение которого будет первым шагом в мир построения функциональных сайтов и мощных интерфейсов.
На занятиях Вы изучите особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основные встроенные функции. На простых примерах освоите стандартные методы работы с DHTML и сценариями, а также нестандартные технологии (например, мультимедийные фильтры IE). Вы сможете создавать кроссплатформенные решения и сценарии, совместимые со всеми современными браузерами.
Модуль 1. Введение в JavaScript, основные сведения, синтаксис
* Краткая история JavaScript, текущая версия (1.5)
* Внедрение сценариев в HTML
* Синтаксис, зарезервированные слова
* Понятие операторов
* Лабораторная работа: Первый сценарий
* Понятие переменной, литерала
* Классификация типов данных, оператор typeof
* Краткое описание всех типов данных
* Глобальный объект
* Тривиальные типы данных null, undefined
* Базовые типы String, Number, Boolen
* Работа с числами - объект Math, функции (методы глобального объекта) parseInt(), parseFloat()
* Лабораторная работа: Изучение методов экземпляров String
* Лабораторная работа: Изучение методов экземпляров Number, методов глобального объекта и объекта Math
Модуль 2. Инструкции и функции
* Понятие инструкции
* Объединение инструкций, оператор ","
* Блок инструкций {}
* Условные инструкции (if, if/else, if/else if/else)
* Инструкции цикла (while, do/while, for, for/in)
* Инструкция переключения (switch/case/default)
* Инструкции continue, break
* Инструкция перехвата и обработки исключения (try/catch/finally, тип данных Error)
* Лабораторная работа: Построение таблицы в цикле (использование элемента и правил CSS для модификации внешнего вида таблицы)
* Лабораторная работа: Определение правильного окончания слова с разными числительными
* Функции
* Имена функций, их создание и вызов
* Область видимости переменных
* Аргументы функций, объект arguments, рекурсивный вызов
* Инструкция return
* Лабораторная работа: Использование функции для модернизации предыдущего примера с окончанием слова
* Лабораторная работа: Создание функции для работы с любым количеством переданных аргументов
* Лабораторная работа: Создание функции, возвращающей значение

Модуль 3. Массивы и объекты
* Массивы, тип данных Array
* Свойства и методы экземпляров Array
* Лабораторная работа: Изучение методов массивов
* Объекты в JS, тип данных Object
* Свойства и методы экземпляров Object
* Углубление понятия свойств и методов любого объекта в JavaScript
* Контекст исполнения функции в качестве метода объекта
* Лабораторная работа: Вызов глобальной функции как метода объекта, ключевое слово this
* Пользовательские объекты
* Понятие класса-конструктора, оператор instanceof, свойство constructor
* Механизм наследования, prototype
* Лабораторная работа:
* Создание пользовательского класса-конструктора, передача аргументов Лабораторная работа: Модификация пользовательского класса-конструктора с помощью prototype
Модуль 4. Регулярные выражения и даты

* Шаблоны для поиска в строках, тип данных RegExp
* Синтаксис регулярных выражений
* Спецсимволы, неалфавитные символы (управляющие последовательности)
* Классы символов
* Повторение
* Альтернатива, группировка и ссылки (внутри вне шаблона)
* Флаги
* Свойства экземпляров RegExp
* Методы экземпляров RegExp и String для поиска с использованием шаблонов
* Лабораторная работа: Использование рассмотренных методов для поиска
* Лабораторная работа: Составление шаблона для проверки корректности e-mail
* Создание дат, тип данных Date
* Свойства и методы экземпляров Date
* Лабораторная работа: Получение текущей и заданной дат
* Лабораторная работа: Получение даты с заданным смещением (неделя - 7 суток, месяц - 30 суток)
* Лабораторная работа: Использование экземпляров Date в качестве "секундомера"
* Заключительная часть – закрепление знаний про объекты, их свойства и методы, синтаксис доступа к ним Год выпуска: 2010
Производитель: Специалист
Автор: Специалист
Продолжительность: 09:19:14
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Интерактивное взаимодействие с посетителями – основа успешности любого сайта. Клиентский 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() для визуальных динамических эффектов

---

Кодек для просмотра включен в раздачу!

---