Основы программирования, часть 2 Java. Script sp. courses.

Скачать презентацию Основы программирования, часть 2 Java. Script sp. courses. Скачать презентацию Основы программирования, часть 2 Java. Script sp. courses.

10-js_base_2.pptx

  • Размер: 1.5 Мб
  • Автор: Анатолий Кигель
  • Количество слайдов: 44

Описание презентации Основы программирования, часть 2 Java. Script sp. courses. по слайдам

Основы программирования, часть 2 Java. Script sp. courses. dp. ua Основы программирования, часть 2 Java. Script sp. courses. dp. ua

2 Переменные / Типы / Операции Ветвления (условные операторы) Циклы / Массивы (структуры данных)2 Переменные / Типы / Операции Ветвления (условные операторы) Циклы / Массивы (структуры данных) Функции Объекты. Java. Script — язык программирования его концепции

Условные операторы (ветвления) Условные операторы (ветвления)

Условные операторы Операторы ветвления, операторы работающие с понятиями истина/ложь.  Позволяют выполнить ряд действийУсловные операторы Операторы ветвления, операторы работающие с понятиями истина/ложь. Позволяют выполнить ряд действий в зависимости от условий.

Условные операторы 5 Оператор if-else  позволяет задать условия,  в зависимости от верности/неУсловные операторы 5 Оператор if-else позволяет задать условия, в зависимости от верности/не верности которого выполниться первая ( if ) или вторая ( else ) ветка кода. http: //www. w 3 schools. com/js/js_booleans. asp

Условные операторы 6 Фигурные скобки в операторе if-else  позволяет задать несколько строк кодаУсловные операторы 6 Фигурные скобки в операторе if-else позволяет задать несколько строк кода для выполнения в случае истинности/ложности условия. После выполнение кода условного оператора, программа приступает к дальнейшему выполнению кода программы. http: //www. w 3 schools. com/js/js_booleans. asp

Условные операторы 7 Оператор if-else  позволяет проверять несколько условий сразу,  для ихУсловные операторы 7 Оператор if-else позволяет проверять несколько условий сразу, для их группировки существуют логические операторы И ( && ) и ИЛИ ( || ). http: //www. w 3 schools. com/js/js_booleans. asp

Условные операторы 8 Оператор if-else  позволяет проверять несколько условий сразу,  для ихУсловные операторы 8 Оператор if-else позволяет проверять несколько условий сразу, для их группировки существуют логические операторы И ( && ) и ИЛИ ( || ). http: //www. w 3 schools. com/js/js_booleans. asp

9 Тип Boolean Переменная типа boolean содержит один из всего 2 вариантов значения: истина9 Тип Boolean Переменная типа boolean содержит один из всего 2 вариантов значения: истина ( true ) или ложь ( false ).

10 Оператор if-else в зависимости от переданного ( true или false ) значения выполняет10 Оператор if-else в зависимости от переданного ( true или false ) значения выполняет один из двух блоков кода ( первый или второй , соответственно), другой блок при этом не выполняется.

11 Операторные скобки { } и блок кода Фигурные скобки формируют блок из нескольких11 Операторные скобки { } и блок кода Фигурные скобки формируют блок из нескольких (от одной и больше) строк кода, который для условных операторов (и циклов) выглядит как единая команда. ? !?

12 Оператор if-else Блок else – является необязательным.  12 Оператор if-else Блок else – является необязательным.

13 Откуда берётся boolean? Из преобразование типов. undefined, Na. N = false ; Number:13 Откуда берётся boolean? Из преобразование типов. undefined, Na. N => false ; Number: 0 => false ; все остальные => true ; String: “” => false ; все остальные => true ; Object: null => false ; существующий объект => true ;

14 Откуда берётся boolean? Операторы сравнения  = = == != ! === !==14 Откуда берётся boolean? Операторы сравнения> = <= == != ! === !==

15 Откуда берётся boolean?  «Каноническая» запись  = = == != ! ===15 Откуда берётся boolean? «Каноническая» запись> = <= == != ! === !==

16 Откуда берётся boolean? Сложности с типами  = = == != ! ===16 Откуда берётся boolean? Сложности с типами> = <= == != ! === !== ? !?

17 Откуда берётся boolean? Сравнение строк осуществляется посимвольно.  Сравниваться коды символов в таблице17 Откуда берётся boolean? Сравнение строк осуществляется посимвольно. Сравниваться коды символов в таблице кодировки. > = <= == != ! === !==

18 Кодировка 18 Кодировка

19 Откуда берётся boolean? Сравнение с учетом типа  = = == != !19 Откуда берётся boolean? Сравнение с учетом типа> = <= == != ! === !==

20 Откуда берётся boolean? Проверка данных 20 Откуда берётся boolean? Проверка данных

21 Логические операторы && | ! Когда нужны «сложные» условия 21 Логические операторы && | ! Когда нужны «сложные» условия

22 Логические операторы && | ! && False True False True || False True22 Логические операторы && | ! && False True False True || False True True ! False True False Таблицы истинности Операторы логическое И (&&) и логическое ИЛИ (||) работают по такой схеме: 1) Приводят левый операнд к boolean; 2) Если по нему можно сделать выводы, то возвращают левый операнд (в том типе в котором он и был); 3) Если нет, то возвращают правый операнд (в том типе в котором он и был).

23 Логические операторы && | ! Есть нюансы ? !? 23 Логические операторы && | ! Есть нюансы ? !?

24 Логические операторы && | ! Есть нюансы ? !? 24 Логические операторы && | ! Есть нюансы ? !?

25 Логические операторы && | ! Есть нюансы. Логические операторы && и || могут25 Логические операторы && | ! Есть нюансы. Логические операторы && и || могут не проверять правый операнд, если значение левого операнда уже достаточно для итогового результата выражения.

26 Логические операторы && | ! Есть нюансы ? !? 26 Логические операторы && | ! Есть нюансы ? !?

27 Оператор выбора switch Позволяет выбрать из множества вариантов, работает только сравнением 27 Оператор выбора switch Позволяет выбрать из множества вариантов, работает только сравнением

28 Оператор выбора switch И тут есть нюансы… 28 Оператор выбора switch И тут есть нюансы…

29 Многовариантный выбор Можно обойтись и без switch 29 Многовариантный выбор Можно обойтись и без switch

30 let и область видимости (ECMAScript-2015) Оператор let  объявляет переменную,  но такие30 let и область видимости (ECMAScript-2015) Оператор let объявляет переменную, но такие переменные существуют только в той области видимости (тех операторных скобках) в которой они объявлены, и не видны снаружи, в отличии от переменных объявленных через var. ? !?

31 Если нельзя, но очень хочется ECMAScript-2015 Babel. JS – это транспайлер,  переписывающий31 Если нельзя, но очень хочется ECMAScript-2015 Babel. JS – это транспайлер, переписывающий код на ES-2015 в код на предыдущем стандарте ES 5. Не забываем использовать “use strict”. http: //babeljs. io/

32 Babel. js – ECMASCript-2015 повсюду Babel. JS – это транспайлер,  переписывающий код32 Babel. js – ECMASCript-2015 повсюду Babel. JS – это транспайлер, переписывающий код на ES-2015 в код на предыдущем стандарте ES 5. Не забываем использовать “use strict”.

33 Babel. js – ECMASCript-2015 повсюду Babel. JS можно использовать по другому – включить33 Babel. js – ECMASCript-2015 повсюду Babel. JS можно использовать по другому – включить специальный скрипт, который перепишет весь ES-2015 код в ECMAScript 5. Подробности: http: //babeljs. io/docs/setup/#installation

Немного практики Немного практики

35 Немного практики № 1 Задача :  Год является високосным,  если его35 Немного практики № 1 Задача : Год является високосным, если его номер кратен 4, но из кратных 100 високосными являются лишь кратные 400, например, 1700, 1800 и 1900 — не являются високосными, 2000 — високосный. Посетитель вводит год, и необходимо определить сколько дней в году, и сообщить ответ посетителю.

36 Задача о високосных годах… Таблица истинности для 3 -х логических переменных. Крат. 436 Задача о високосных годах… Таблица истинности для 3 -х логических переменных. Крат. 4 Крат. 100 Крат. 400 Результат Нет Нет Нет Да Да Нет Да Да Нет Да Да

37 Задача о високосных годах… Вариант решение задачи о високосном годе 37 Задача о високосных годах… Вариант решение задачи о високосном годе

38 «Задача банкомата»  Написать скрипт,  который спрашивает у пользователя сумму,  а38 «Задача банкомата» Написать скрипт, который спрашивает у пользователя сумму, а в ответ сообщает купюры каких номинала, и в каком количестве необходимо выдать, а также суммарное количество купюр. При этом суммарное количество купюр было минимально возможным. Помните, что у нас в стране купюры номинала 1, 2, 5, 10, 20, 50, 100, 200, 500 гривен. Немного практики № 2 http: //files. courses. dp. ua/js/tmp/ex 01. htm l. Скопируйте заготовку по адресу:

39 Задача банкомата Вариант решения задачи, но уж очень много повторяющегося кода … к39 Задача банкомата Вариант решения задачи, но уж очень много повторяющегося кода … к счастью есть циклы

Домашнее задание Домашнее задание

41 «Задача банкомата»  Написать скрипт,  который спрашивает у пользователя сумму,  а41 «Задача банкомата» Написать скрипт, который спрашивает у пользователя сумму, а в ответ сообщает купюры каких номинала, и в каком количестве необходимо выдать, а также суммарное количество купюр. При этом суммарное количество купюр было минимально возможным. Помните, что у нас в стране купюры номинала 1, 2, 5, 10, 20, 50, 100, 200, 500 гривен. Домашнее задание Дополнительное условие: в банкомате есть только по 20 купюр каждого номинала. Банкомат не может выдать больше 40 купюр за раз.

42 Задача:  Разработать скрипт который на основе роста и веса пользователя рассчитывает его42 Задача: Разработать скрипт который на основе роста и веса пользователя рассчитывает его индекс массы тела (для ввода использовать функцию prompt() , для вывода – alert() ). Домашнее задание № 1 Задача: в зависимости от полученного результата выводить сообщение, о том, в норме ли вес человека, или избыточен, или недостаточен.

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

44 Где брать задачки для тренировки? Чтобы научиться программировать – нужно тренироваться… Чтобы тренироваться44 Где брать задачки для тренировки? Чтобы научиться программировать – нужно тренироваться… Чтобы тренироваться нужны задачи… Чтобы были задачи нужно уметь программировать… Д. М. Златопольский Сборник задач по программированию