Контрольные вопросы
Дайте определение алгоритма.
Что значит мыслить алгоритмически?
Как описывают алгоритмы?
Какие блоки приняты для описания алгоритмов блок-схемой?
Чем отличается алгоритм от программы?
Дайте определение языка программирования.
Что такое «система программирования»?
Что такое «трансляция» программы?
Что такое «отлаживание» программы?
Какие вы знаете языки программирования?
Назовите основные типы алгоритмов. Механизмы управления.
Приведите собственные примеры алгоритмов.
Запишите алгоритм в виде словесной инструкции «Волк, коза и капуста».
Изобразите алгоритмы в виде блок-схем: «Светофор», «Работа с 8 до 12».
Выводы
Вы узнали о базовых понятиях программирования:
алгоритм – закон последовательности действий для решения задачи
блок-схема – запись алгоритма на языке блоков с указанием их взаимосвязи
программа – алгоритм, записанный на языке программирования
язык программирования – система обозначений для записи алгоритмов
система программирования – среда компьютера для создания и исполнения программ
основные типы алгоритмов – линейные, условные, циклические, подпрограммы.
2. Назначение и возможности языка JavaScript
Назначение. Язык HTML предоставляет средства для разработки статических Web-страниц. Язык программирования JavaScript расширяет возможности HTML для создания динамических Web-страниц.
Назначение JavaScript – позволить разработчикам страниц писать небольшие скрипты (программы), которые могли бы выполняться не на сервере, а в среде броузеров. Такой язык удобен для создания приложений типа клиент–сервер в Internet. В приложениях клиента скрипты встраивают в HTML-документ и используют для обработки событий, связанных с вводом и просмотром информации. Например, приложение, собирающее данные из какой-либо формы, может проверять правильность этих данных до того, как их передавать на сервер. Это улучшает производительность работы Web-документа, так как на сервер передаются только корректные данные.
Определение. Язык программирования JavaScript является объектно-ориентированным языком, так как основан на использовании объектов.
Программа на языке JavaScript интерпретируется самим броузером Internet Explorer при загрузке документа, в который помещён её код. Интерпретатор JavaScript читает программу сверху вниз и сообщает об ошибках после каждой прочитанной строки. Интерпретатор – это переводчик операторов программы в машинные команды.
Возможности. Язык JavaScript позволяет программисту:
Осуществить обработку информации перед передачей её на сервер.
Осуществлять диалог с пользователем в среде броузера, без сервера.
Производить доступ к элементам оформления документа.
Разгрузить каналы связи.
Встраивание скриптов. Программы на JavaScript встраивают в HTML-документ с помощью пары тегов:<script>операторы через ;</script>.
Рекомендуется размещать скрипты в тегах <head>…</head>, так как это первый тег, который читает броузер. Однако простые скрипты можно размещать в любом месте тела документа <body>…</body>.
3. Структурные элементы языка
Переменные. Переменная – это поименованная область памяти, где записываются, хранятся и изменяются значения.
Выражения и операции. В выражении записываются операции над значениями переменных. Например, в результате арифметических операций, записанных в выражении, в переменную записывается новое значение.
Операторы. Команды или ключевые слова для выполнения определённых действий в программе.
Объекты. Объект – это осязаемый или видимый предмет, который характеризуется состоянием (набор свойств), поведением (воздействие на другие объекты) и индивидуальностью (различие свойств).
Язык JavaScript включает в себя около 20 стандартных объектов.
Каждый объект имеет свой арсенал методов и свойств:
Методы объекта выполняют заданные действия над ним.
Свойства объекта – это совокупность его атрибутов (переменных, значений, других объектов).
Объекты обеспечивают доступ к элементам в HTML-документе.
События. Событие – это совершение пользователем каких-либо действий в рамках данной страницы: нажатие и перемещение кнопки мыши, нажатие клавиши. События обрабатываются интерпретатором JavaScript с помощью обработчиков событий.
Контрольные вопросы
Назначение языка программирования JavaScript.
Определение языка программирования JavaScript.
Интерпретация скрипта броузером.
Каковы возможности языка программирования JavaScript?
Как встраиваются скрипты в HTML-документ?
Перечислите структурные элементы языка JavaScript.
Дайте определения каждой группе структурных элементов языка.
Практическая работа «Мой первый скрипт»
8а2 в3 + 1,5aс
Вычислите формулу d = ------------------- при заданных значениях а=2 в=4 с=5
ав(2авс – а/c)
H
tml-код
<html><head></head>
<body><h1 align=center>Арифметические вычисления</h1>
<script>
a=2; b=4; c=5; ввод данных
d=(8*a*a*b*b*b+1.5*a*c)/(a*b*(2*a*b*c-a/c)); обработка данных
document.write(d) вывод результата
</script>
</body>
</html>
Выводимая строка в методе document.write, записанная в круглых скобках, может содержать переменные, а также текст и теги HTML. В этом случае переменная конкатенируется (объединение с помощью знака +) с текстом и тегами HTML таким образом:
document.write(“<h2>”+d+”</h2>”) – конкатенация с тегами HTML
document.write(“<font size=4 color=red>”+d+” - результат вычисления формулы (8*a*a*b*b*b+1.5*a*c) /(a*b*(2*a*b*c-a/c))</font>”) – конкатенация с текстом и тегами HTML.
Задание
Создайте каталог «11класс» в своей папке группа, а в нём создайте файл js1.htm
Наберите html-код примера встраивания скрипта и проанализируйте работу скрипта в броузере
Замените вывод переменной d по образцу конкатенации с тегами HTML, проанализируйте в броузере
Замените вывод переменной d по образцу конкатенации с текстом и тегами HTML
Дополните вывод результата выводом исходных данных: а=2 в=4 с=5
Практическая работа “Встраивание скриптов”
Создайте скрипт в файле js1.htm для вычисления математического выражения
2( x2 + y) – 3(x2 - y)
Z = -------------------------- для х = 10 y = 15
5( x2 - y2 )
Отформатируйте вывод информации по следующему образцу:
При
заданных числах X=10
Y=15
цвет
шрифта красный, размер= 5
горизонтальная линия
Z = …
цвет
шрифта зелёный,размер= 6
Создайте скрипт, который вычитает 153947 из 105706 и выводит результат вместе с числами 153947 и 105706. Создайте свой образец вывода и отформатируйте вывод информации по этому образцу.
Создайте скрипт, который вычисляет площадь прямоугольного участка земли, имеющего размер 53,8Х123,4 метров. Отформатируйте вывод по вашему образцу.
Найти стоимость пакета акций, если у вас имеется 150 акций фирмы IBM и 75 акций фирмы Netscape стоимостью соответственно 315 и 175 долларов каждая.
Отформатируйте вывод по вашему образцу
Сколько километров содержится в 15 милях, если 1 миля содержит 1,60935 км.
Отформатируйте вывод по вашему образцу.
Найти площадь круга, радиус которого равен 11 см. Отформатируйте вывод по вашему образцу.
4. Переменные. Выражения и операции
Переменные. Как и в других языках программирования, в JavaScript переменная имеет два признака: имя переменной и значение переменной. Имя переменной должно начинаться с латинской буквы или символа подчёркивания (_), следующие символы могут быть латинские буквы или арабские цифры. Язык чувствителен к регистру, то есть следует различать заглавные и маленькие буквы.
Создать переменную можно двумя способами:
используя ключевое слово var с оператором присваивания (var a=5 или var a)
используя только оператор присваивания (а=5)
Оператор присваивания записывает значение в переменную.
При объявлении переменной не указывается её тип, язык JavaScript слаботипизирован. Именем переменной не может быть ключевое слово языка (названия операторов, объектов и других элементов языка).
Значениями переменных могут быть:
целые и действительные числа: X1=-5; ax=38; _S=3.453;
символьные строки: computer=”computer”; z=”язык программирования”; (значения символьных строк выделяются в кавычки)
Булевы значения true и false, а также значение null
Ключевые слова. В языке JavaScript имеется ряд зарезервированных или ключевых слов, которые используются для описания операторов:
break |
for |
new |
true |
with |
continue |
function |
null |
typeof |
|
else |
if |
return |
var |
|
false |
in |
this |
while |
|