Санкт-Петербургский государственный политехнический университет

Факультетпереподготовкиспециалистов

Академия информатики для школьников

(812) 703-02-02

Санкт-Петербург, ул. Обручевых, д. 1

Общая информация
О программе Новости и успехи День открытых дверей Преподавательский состав Программа обучения Методика обучения Условия обучения Правила приёма Документы об окончании Стоимость обучения
Обучающимся
Расписание занятий Списки групп и оценки Поиск школьника
Внеучебная жизнь
Конкурсы Олимпиады Конференции Интеллектуальные игры
Обратная связь
Вопросы и ответы Форум АИШ вКонтакте +7 (812) 703-02-02 Контакты

Дни открытых дверей Академии информатики для школьников — 8 сентября (Среда) в 1900 Аудитория №107
15 сентября,

Печать

Семестр 2. Создание динамических сайтов. DHTML и JavaScript

Длительность 52 академических часа

Преподаватели

Аннотация

Данный курс посвящен знакомству с инструментами, позволяющими создавать динамические и интерактивные интернет-сайты.

Слушатели освоят скриптовый язык программирования JavaScript. Узнают о различиях между различными интернет - браузерами, узнают, почему одни и те же страницы по разному отображаются в разных интернет - браузерах.

Научатся использовать встроенные объекты, реагировать на события элементов управления и действия пользователя. Создавать различные визуальные эффекты и интерактивные элементы управления, такие как меню, различные слайдшоу, презентации и т.д.

Получат знания о DHTML, более подробно изучат CSS, научатся делать отладку скриптов.

Программное обеспечение курса

- Операционная система MS Windows Vista (русская версия)
- Adobe Dreamweaver CS3 (английская версия)

Знания и умения, полученные в результате обучения

В ходе обучения слушатели изучат:

- технологию создания динамических сайтов с помощью сценариев на javascript;
- объектную модель документа;
- работу с формами;
- возможности проверки данных, вводимых пользователем;
- получение информации о типе браузера пользователя.

Требования к начальному уровню знаний

Курс ориентирован на школьников, знающих основы синтаксиса языка HTML в объеме програм-мы первого семестра данной специализации. Поступающие также должны уметь создавать сайты с применением CSS, используя и табличную, и блочную верстки.

Программа курса

Занятие 1

Назначение и применение JavaScript, общие сведения
- Размещение кода JavaScript на HTML-странице
- Комментарии в HTML и JavaScript
- Указание языка сценария
- Регистр символов

Практическая работа №1

Занятие 2

Тест по темам предыдущего занятия

Типы данных
- Литералы
- Переменные
- Массивы
- Метод join()
- Метод reverse()
- Метод sort()

Практическая работа №2

Занятие 3

Тест по темам предыдущего занятия

Операторы языка
- {...}
- if ... else ...
- ()?
- while
- for
- break
- continue
- return

Практическая работа №3

Занятие 4

Тест по темам предыдущего занятия

Функции и объекты
- Функция как тип данных
- Функция как объект
- Объекты
- Операторы работы с объектами: for ... in ...; with
- Клиентские объекты

Практическая работа №4

Занятие 5

Тест по темам предыдущего занятия

DOM
- Коллекции
- Свойства
- Методы
- События
- Понятие пользовательского объекта
- Прототип
- Методы объекта Object

Практическая работа №5

Занятие 6

Тест по темам предыдущего занятия

Свойства окна браузера
- Объект window
- Свойства объекта window
- Методы объекта window
- События объекта window
- Объект document
- Фреймы

Практическая работа №6

Занятие 7. Консультация

Занятие 8

Тест по темам предыдущего занятия

Формы
- Свойства объекта Form
- Методы объекта Form
- События объекта Form
- Объект Text
- Объекты Select и Option
- Кнопки

Объекты URL
- Коллекция ссылок links[]
- Замена атрибута HREF
- Изменение части URL
- События onMouseOver и onMouseOut
- URL-схема "JavaScript:"
- Обработка события onClick

Практическая работа №7

Занятие 9

Тест по темам предыдущего занятия

Проверка вводимой информации
- Escape-последовательности
- Специальные символы в регулярных выражениях
- Передача информации с формы

Практическая работа №8

Занятие 10

Тест по темам предыдущего занятия

Графика
- Объект Image
- Изменение картинки
- Анимация
- Оптимизация отображения
- Горизонтальное меню
- Вертикальное меню
- Выпадающее меню

Практическая работа №9

Занятие 11

Тест по темам предыдущего занятия

Подготовка к экзамену

Занятие 12. Экзамен

Занятие 13. Экзамен (продолжение)

Рекомендуемая литература

JavaScript. Подробное руководство Обложка 339
Книга на Ozon.ru 
Дэвид Флэнаган
Издательство: Символ-Плюс, 2004 г. Мягкая обложка, 960 стр. ISBN 5-93286-055-3, 0-596-00048-0

Одна из самых толковых книг по Javacript. Это не сборник рецептов, а именно учебник. Книга содержит полное описание базового языка JavaScript, а также традиционной и стандартизованной объектных моделей документа, реализованных в веб-броузерах. Материал хорошо структурирован, поэтому вы легко найдете необходимую информацию.

Будет полезна как начинающим, так и опытным веб-разработчикам.


JavaScript. Библия пользователяОбложка 573
Книга на Ozon.ru  Книга на Books.ru
Гудман Д.
Издательство: Вильямс, 2006 г. Твердый переплет, 1184 стр.
ISBN: 5-8459-1027-7

Книга "JavaScript. Библия пользователя" рассчитана на самый широкий круг Web-дизайнеров, которые решили углубить свои знания языка JavaScript. Она имеет все шансы завоевать титул полного справочного руководства по JavaScript не только в глазах его разработчиков, но и в сердцах пользователей. Размер книги по праву предопределяет детальное изучение практически всех средств разработки сценариев JavaScript, используемых в современных и уже устаревших браузерах. Рассмотрение излагаемого материала начинается с истории и особенностей языка JavaScript и заканчивается описанием сложных приложений, используемых для решения таких задач, как создание формы заказа, обработка XML-данных и др. Особое внимание в книге уделено созданию межбраузерных сценариев, которые максимально эффективно выполняются в подавляющем числе используемых в настоящее время браузеров. На прилагаемом к книге "JavaScript. Библия пользователя" компакт-диске содержатся дополнительные 22 главы, все листинги, описанные в книге, некоторые вспомогательные материалы и программы, которые облегчат читателю изучение сложных тем и практических примеров.


Основы JavaScript для начинающихОбложка 574
Книга на Ozon.ru  Книга на Books.ru
Негрино Т, Смит Д.
Издательство: НТ Пресс, 2007 г. Мягкая обложка, 544 стр.
ISBN: 5-477-00754-0

Предлагаемая вашему вниманию книга содержит вводный курс по одному из самых популярных языков программирования, который применяется в Web-дизайне на стороне клиента, - JavaScript. Книга достаточно подробно знакомит читателя с основными особенностями языка, его разновидностями и версиями, используемыми в различных браузерах. Рассмотрены наиболее распространенные типы браузеров и применение JavaScript для них -Internet Explorer, Netscape, Mozilla и некоторые другие. В книге приводятся простые пошаговые инструкции для выполнения сценариев, каждый из них предлагается в нескольких вариантах - для разных браузеров и с учетом требований к Web-странице. Вкратце рассматриваются общие темы Web-программирования, такие как модель документа DOM и таблицы стилей CSS. Все тексты сценариев, приведенных в книге, можно скачать с сайта авторов. Книга будет полезна начинающим осваивать Web-дизайн, а также тем, кто хочет расширить свой кругозор в области программирования.


Раскрытие тайн JavaScriptОбложка 575
Книга на Ozon.ru  Книга на Books.ru
Киу Д.
Издательство: НТ Пресс, 2006 г. Мягкая обложка, 416 стр.
ISBN: 5-477-00247-6

Книга посвящена одному из самых распространенных в Internet языков сценариев - JavaScript. В ней излагаются основы языка JavaScript. Здесь описаны все необходимые для подготовки сценариев методы и технические приемы, начиная с азов и заканчивая такими передовыми технологиями, как динамический HTML. Опыта работы с JavaScript не требуется, хотя предпо-лагается знание языка HTML. Книга является самоучителем с многочисленными примерами и пошаговыми инструкциями. В конце каждой главы имеется небольшой тест, который поможет закрепить пройденный мате-риал. Книга будет полезна начинающим изучение JavaScript, которые хотят быстро и легко освоить методы использования этого языка для создания насыщенных и динамичных Web-страниц. Опытные дизайнеры найдут здесь свежие идеи и откроют для себя новые способы воплощения своих замыслов.