Введение
JavaScript был создан в 1995 году как инструмент, предоставляющий вебдизайнерам возможности программирования. Все современные браузеры имеют поддержку JavaScript. JavaScript встраивается прямо в веб-страницы и исполняется браузером во время их загрузки. JavaScript добавляется на веб-страницы с помощью тэга:
Html
<script>...</script>
В следующем примере на страницу выводится текст «Я изучаю JavaScript».
Html
<script type="text/javascript">
    document.write("Я изучаю JavaScript.");
</script>
JavaScript код также может храниться во внешнем текстовом файле с расширением .js и подключаться к страницам следующим образом:
Html
<script type="text/javascript" src="ex.js"></script>
Лабораторные работы:
Лабораторная работа 1
Задания
Задание 1. Опробовать работу с модальными окнами alert, prompt, confirm. Разработать свой диалог с использованием этих команд. Пример диалога: - вывести приветствие в окне alert “Вас приветствует учебный центр”; - затем в окне prompt вывести сообщение «Введите имя», а в окне alert вывести сообщение «Добро пожаловать на наши курсы, имя»; - в окне confirm вывести сообщение "Хотите стать Web-дизайнером?" с альтернативными ответами в окнах alert, если TRUE, то "Учите стили CSS и JavaScript!", если FALSE то "Упускаете время!".
Лабораторная работа 2
Задания
Задание 1. Все выполненные задания из предыдущей работы оформить в виде функций. Создать кнопки и запускать задание на выполнение щелчком по соответствующей кнопке. Поработать над оформлением результатов вывода (цвет шрифта, кегль, гарнитура).
Лабораторная работа 3
Задания
Задание 1. Сформировать массив (объект Array), элементами которого являются значения выражений. Для вычисления выражений использовать объект Math. Найти максимальный и минимальный элементы массива и их номера. 1. 6 ∙ π2 + 3 ∙ e8   2. 2∙cos(4) + cos(12) + 8 ∙ e3
Лабораторная работа 4
Задания
Задание 1. Создать пользовательский объект Gruppa (использовать пример, представленный выше). Добавить метод sub_stud (исключить из группы k студентов). Создать несколько экземпляров объекта Gruppa (gr2, gr3, gr4) . Применить методы add_stud и sub_stud к каждому экземпляру. Вывести на страницу количество студентов в каждой группе. Задание 2. Создать пользовательский объект Студент. Свойства: имя, фамилия, физика (оценка), математика, информатика. Методы: вывести свое имя и фамилию в окно, рассчитать средний балл и вывести на страницу. Создать 3 экземпляра объекта Студент. Вывести информацию о всех студентах.
Лабораторная работа 5
Задания
Задание 1. Вывести на экран все тэги и их номера в коллекции all своей первой web-страницы. Задание 2. Вывести все дочерние элементы узла document.body своей первой web-страницы. Задание 3. Вывести в окно содержимое первого элемента span: - используя для доступа к элементу коллекцию all; - используя частную коллекцию (span); - используя идентификатор элемента. Задание 4. Организовать доступ к содержимому таблицы и посчитать свой средний балл. Добавить значение среднего балла к содержимому второго элемента span.
Лабораторная работа 6
Задания
Задание 1. Создать кнопки, открывающие и закрывающие окна с произвольными именами. Создать кнопки, выводящие в каждое из окон какой-нибудь текст, включающий имя окна. Проверить работу скрипта в разных браузерах. Задание 2. Узнать: 1) всю информацию о браузере пользователя; 2) версию браузера; 3) название браузера; 4) кодовое название браузера; 5) ОС, которую использует пользователь; 6) включена ли поддержка Java в браузере; 7) ширину и высоту экрана; 8) глубину цвета;
Лабораторная работа 7
Задания
Задание 1. Проанализировать код для создания формы, представленный выше. Изучить правила создания элементов формы. Задание 2. Создать форму, содержащую элементы (текстовая область, 2 текстовых поля, список, 4 радиокнопки, 5 флажков, командные кнопки). Вид формы представлен ниже.
Лабораторная работа 8
Задания
Задание 1. Создать программу на JS, изменяющую цвет слова в тексте при наведении курсора мыши (событие Onmouseover, свойство style.color). Задание 2. Создать программу на JS, изменяющую размер шрифта слова щелчком мыши (событие Onclick, свойство style.fontSize). Задание 3. Создать программу на JS замены картинки на другую при щелчке мышью с помощью метода getElementById и свойства src.
Лабораторная работа 9
Задания
Задание 1. Создать программу на JS, позволяющую перетащить мышью область текста и картинку. Задание 2. Создать программу на JS, организующую движение картинки по прямой линии. Задание 3. Создать программу на JS, организующую движение картинки по кривой линии и возврат ее в исходное состояние
Лабораторная работа 10
Задания
Задание 1. Выполните задания предыдущих лабораторных работ №8 и №9 с использованием jQuery.