В лекции рассматривается отличие JavaScript от других языков web-программирования, переменные, типы переменных (float, integer, string, boolean, array, objects), а так же рассматриваются условия (if) и циклы (for).

В лекции рассматривается недостатки, достоинства JavaScript. Обычные применения языка. Введение в создание сценариев DOM. Современные применения JavaScript.

Что такое JavaScript и как он выполняется? Включение JavaScript в документ HTML. Соединение с внешним файлом JavaScript. JavaScript и производительность браузера. Размещение кода JavaScript. Безопасность JavaScript и ее отсутствие.

Называйте вещи своими именами — легкие, короткие и удобочитаемые имена переменных и функций. Глобальные переменные и функции. Стиль кодирования. Смешивание с другими технологиями. Нотация языка. Постепенное улучшение кода. Вложенность кода. Минимизация доступа к DOM.

Идея ненавязчивого JavaScript (определение, предположения). Разделение структуры и поведения. Добавление слоя юзабилити. Принципы JavaScript. Всплывающие окна. Чистый, семантический HTML. Совместимость браузеров.

Синтаксис функции. Использование функции. Аргументы. Возвращаемые значения.

Причины внимания к объектам. Создание объектов. Ссылка на себя. Объекты как ассоциативные массивы. Объектный литерал.

Объектная модель документа(DOM - Document Object Model). Представление DOM, как дерева. Узлы. Объект document. Прямой доступ.

Скрытие и отображение элементов. Пример скрытия и отображения. Регулярные выражения. Соединение работающего кода со страницей. Создание HTML.

Доступ к таблицам стилей. Свойства таблиц стилей. Добавление и удаление правил. Изменение стилей элементов. Имена классов элементов.

Что такое событие? Как работают события. Эволюция событий. События DOM Level 2. Исключение для модели событий Internet Explorer. Использование событий в различных браузерах. События и доступность. Управление событиями. Использование событий с определенными элементами. Ссылки на объект события. Проверка специфического свойства события. Поведение события по умолчанию и всплытие событий. Предотвращение поведения событий по умолчанию. Остановка всплытия событий. Законченный пример обработки событий.

Простой пример: метод угасания желтого цвета. Анимация с помощью библиотек JavaScript. Более сложный пример: перемещение и изменение размера. Переходы CSS.

Различия между двумя подходами к разработке: постепенное ухудшение, прогрессивное улучшение. Движение в постоянно изменяющейся среде. Основы постепенного ухудшения и прогрессивного улучшения. Пример для сравнения постепенного ухудшения и прогрессивного улучшения (Ссылки "Печать страницы").