Презентация - Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы

Нужно больше вариантов? Смотреть похожие
Нажмите для полного просмотра
Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы
Распечатать
  • Уникальность: 85%
  • Слайдов: 27
  • Просмотров: 4599
  • Скачиваний: 2490
  • Размер: 1.04 MB
  • Онлайн: Да
  • Формат: ppt / pptx
В закладки
Оцени!
  Помогли? Поделись!

Слайды и текст этой онлайн презентации

Слайд 1

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 1
WEB – ПРОГРАММИРОВАНИЕ
Уроки практического программирования
УРОК 2
Переменные и операторы

Слайд 2

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 2
Переменные
ПЕРЕМЕННАЯ – ?... контейнер для хранения данных. Переменная имеет имя – это….? последовательность букв, цифр и символа подчеркивания без пробелов, без знаков препинания, начинается обязательно с буквы или символа подчеркивания.

Правила записи имен переменных:

Слайд 3

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 3
Переменные
Правильные имена:
НЕ правильные имена:
Java Script является регистрозависимым языком. Это значит, что изменение регистра символа ( с прописной на строчную и наоборот) в имени переменной приводит к другой переменной. Например: Variable, variable, vaRiabLe - различные переменные!

Слайд 4

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 4
Переменные
Инициализация переменных в коде программы осуществляется с помощью служебного слова VAR, причем так как Java Script является слаботипизированным языком – объявление переменной и её типа является не обязательным.
Переменной присваивается строковое значение: MyGrup = “P2012”
Инициализация переменной без присвоения значения: VAR MyGrup
Инициализация переменной с одновременным присвоением значения: VAR MyGrup = “P2012”
Одновременная инициализация нескольких переменных с присвоением значения: VAR MyGrup = “P2012”, MySpetc = “230105.51”

Слайд 5

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 5
Область действия переменных

Переменной которые созданы в программе с помощью оператора присваивания с использованием ключевого слова VAR или без него, являются ГЛОБАЛЬНЫМИ.
=>

Это значит, что переменные доступны всюду в этой программе, а также в вызываемых программах из других файлов. Эти же переменные доступны внутри кода функции.

Переменные объявленные внутри кода функции являются ЛОКАЛЬНЫМИ и не доступны из внешнего кода программы.

Слайд 6

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 6
Область действия переменных

Область видимости переменной; Область доступности переменной; Область действия переменной. Кроме них еще существует термин – ВРЕМЯ ЖИЗНИ ПЕРЕМЕННОЙ. В Java Script время жизни переменной определяется интервалом времени от загрузки до выгрузки программы из памяти компьютера. Так, если программа (сценарий) записаны в HTML – коде web – страницы, то после выгрузки весь сценарий вместе с определенными в нем переменными прекращает активное существование.
эквивалентные понятия

Слайд 7

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 7
ОПЕРАТОРЫ
Операторы предназначены для составления выражения. Оператор применяется к одному или нескольким данным, которые в этом случае называются операндами.
// - одна строка символов /* … */ - все что заключено между /* и */; несколько строк комментария

Слайд 8

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 8
АРИФМЕТИЧЕСКИЕ ОПЕРАТОРЫ

Слайд 9

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 9
АРИФМЕТИЧЕСКИЕ ОПЕРАТОРЫ
Если один операнд строкового типа, а другой логического, то в случае сложения интерпретатор переведет оба операнда в строковый тип и возвратит стоку – результат конкатенации строк, в случае же других арифметических операторов он переведет оба операнда в числовой тип:
ВЫРАЖЕНИЕ РЕЗУЛЬТАТ
«программист» + true // «программист true» «5» + true // «5true» «программист» * true // NaN «не число» 5 *true // число 5 5 *false // число 0 5 /true // число 5

Слайд 10

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 10
Дополнительные ОПЕРАТОРЫ присваивания
Дополнительные операторы присваивания просто сокращают запись кода программы. По началу можно пользоваться обычным оператором присваивания.

Слайд 11

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 11
ОПЕРАТОРЫ СРАВНЕНИЯ
Сравнивать можно числа, логические значения и строки. Сравнение строк происходит путем сравнения ASCII кодов.

Слайд 12

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 12
ЛОГИЧЕСКИЕ ОПЕРАТОРЫ
Оператор ОТРИЦАНИЯ применяется к одному операнду, операторы И, ИЛИ к двумя операндам.
Логические операторы лучше НЕ ПРИМЕНЯТЬ к данным НЕ ЛОГИЧЕСКОГО ТИПА или к данным РАЗЛИЧНЫХ ТИПОВ.

Слайд 13

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 13
ОПЕРАТОРЫ условного перехода
Оператор IF
IF (условие) { блок операторов } Else { блок операторов }

УСЛОВИЕ – ВЫРАЖЕНИЕ ЛОГИЧЕСКОГО ТИПА! Однако в Java Script в качестве условия может выступать числовое или строковое выражение. В первом случае, условие будет считаться истинным если значение равно числу отличному от нуля, во втором случае строка является истинной если не является пустой- «»!
блок ELSE является не обязательным и при не полном ветвлении может быть опущен. МОЖНО ИСПЛЬЗОВАТЬ ВЛОЖЕННЫЕ ВЕТВЛЕНИЯ!

Слайд 14

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 14
ОПЕРАТОРЫ условного перехода
Оператор IF
ПРИМЕР: Необходимо проверить ввел ли пользователь данные. Предположим, данные введенные пользователем должны сохранятся в переменной Х.

Слайд 15

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 15
ОПЕРАТОРЫ условного перехода
Так как в данном примере, ветвление является не полным и содержит всего лишь один оператор, то фигурные скобки можно опустить.

Слайд 16

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 16
ОПЕРАТОРЫ условного перехода
Оператор Switch
switch (выражение) { Case вариант 1: Код [break] Case вариант 2: Код [break] [default: код] }

Ключевые слова default и break могут быть опущены. Если Break указан, то выполнение всех остальных операторов не производится. Блок операторов Default выполняется еcли искомого значения не найдено!

Слайд 17

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 17
ОПЕРАТОРЫ условного перехода
Оператор Switch
Пример 1:
x=2
x=3
x=4

Слайд 18

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 18
ОПЕРАТОРЫ условного перехода
Переменная xlang содержит название языка, который выбрал пользователь и ввел в поле формы.
Оператор Switch
Пример 2:

Слайд 19

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 19
ОПЕРАТОРЫ ЦИКЛА
Начальное выражение определяет значение счетчика в начале выполнения цикла. Начальное выражение выполняется только один раз.
Оператор FOR
ЦИКЛ С ПАРАМЕТРОМ. Многократное повторение тела цикла. Количество повторений зависит от значений параметра цикла. Квадратные скобки в записи параметров цикла указывают на их не обязательность:
параметр – условие, представляет собой условие продолжения выполнения оператора цикла.
Третий параметр – представляет собой выражение, которое выполняется после выполнения каждой итерации.
FOR ([начальное выражение];[условие]:[выражение обновления]) { тело цикла }

Слайд 20

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 20
ОПЕРАТОРЫ ЦИКЛА
Необходимо вывести на экран все нечетные числа от 1 до 10 и посчитать их сумму.
Оператор FOR
Пример 1

Слайд 21

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 21
ОПЕРАТОРЫ ЦИКЛА
Оператор FOR
Пример 2
X=3

Слайд 22

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 22
ОПЕРАТОРЫ ЦИКЛА
Оператор FOR
Пример 2

Слайд 23

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 23
ОПЕРАТОРЫ ЦИКЛА
Внутри тела цикла можно использовать оператор прерывания цикла (break) и оператор прерывания текущей итерации цикла (continue).
Оператор break
Оператор continue
Прерывает выполнение оператора цикла и выходит из цикла.
Прерывает выполнение итерации цикла и переходит к следующей итерации.

Слайд 24

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 24
ОПЕРАТОРЫ ЦИКЛА
Оператор while
ФОРМАТ ЗАПИСИ:
while (условие) { Тело цикла }
Цикл с предусловием или цикл «ПОКА» Пока условие истинно выполняются операторы тела цикла !

Слайд 25

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 25

Сравните с параметрами цикла FOR:
Цикл «ПОКА»

Слайд 26

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 26
ОПЕРАТОРЫ ЦИКЛА
Оператор do…while
ФОРМАТ ЗАПИСИ:
Do { Тело цикла } while (условие)
Цикл с постусловием или цикл «ДО» ДО тех пор, пока условие истинно выполняются операторы тела цикла !

Слайд 27

Web – программирование. Уроки практического программирования. Урок 2. Переменные и операторы, слайд 27

Цикл «ДО»
^ Наверх
X
Благодарим за оценку!

Мы будем признательны, если Вы так же поделитесь этой презентацией со своими друзьями и подписчиками.