Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему JavaScript Основы программирования, часть 3

Содержание

ФункцииФункция – фрагмент кода, у которого есть имя, который можно вызывать из любого места в программе. Функции уменьшают количество кода в программе, код функции пишется один раз, используется многократно.
Основы программирования, часть 3JavaScriptwww.courses.dp.ua ФункцииФункция – фрагмент кода, у которого есть имя, который можно вызывать из ФункцииС функциями мы уже сталкивались: alert(), prompt(), parseInt() и т.д. Для нас Функция – фрагмент кода, у которого есть имя, который можно вызывать из Основной отличительный знак функций – круглые скобки: alert() Круглые скобки делают сразу Параметры функции (аргументы) – такие себе «переменные» которые передаются функции при каждом Не обязательно передавать функции все параметры которые предусмотрены её заголовком, НО в Практически любой код можно преобразовать в функциюФормула расчёта дневного дохода депозита Практическая ценность функцийУменьшаем дублирование (повторение) кода;Проще вносить изменения;Абстрагирование от деталей; Смысл событий в JS - сказать браузеру: «когда произойдёт клик по элементу, События / Eventshttp://www.w3schools.com/jsref/dom_obj_event.aspВариантов событий много, задача программиста выбрать нужное Немного практики Служебные функции браузера.document.querySelectorAll(“css_selector”) – возвращает массив объектов (элементов HTML-документа, тегов) которые соответствуют http://files.courses.dp.ua/web/10/ex01.htmlДобавим на страницу код который сделаем скиду на товары цена которых выше Добавим на страницу код который сделаем скиду на товары цена которых выше средней Домашнее задание http://files.courses.dp.ua/web/10/ex01.htmlСделайте, по нажатию кнопки, перевод цен из долларов в гривну (курс на
Слайды презентации

Слайд 2 Функции
Функция – фрагмент кода, у которого есть имя,

ФункцииФункция – фрагмент кода, у которого есть имя, который можно вызывать

который можно вызывать из любого места в программе. Функции

уменьшают количество кода в программе, код функции пишется один раз, используется многократно.













Слайд 3 Функции
С функциями мы уже сталкивались: alert(), prompt(), parseInt()

ФункцииС функциями мы уже сталкивались: alert(), prompt(), parseInt() и т.д. Для

и т.д. Для нас это просто названия, мы не

знаем как они устроены, но мы знаем, что передав ей определенные параметры мы получим на выходе ожидаемый результат.

Функция – фрагмент кода, у которого есть имя, который можно вызывать из любого места в программе. Функции уменьшают количество кода в программе, код функции пишется один раз, используется многократно.


Слайд 4 Функция – фрагмент кода, у которого есть имя,

Функция – фрагмент кода, у которого есть имя, который можно вызывать

который можно вызывать из любого места в программе. Функции

уменьшают количество кода в программе, код функции пишется один раз, используется многократно.

Функции


Слайд 5 Основной отличительный знак функций – круглые скобки: alert()

Основной отличительный знак функций – круглые скобки: alert() Круглые скобки делают

Круглые скобки делают сразу два дела: говорят браузеру что

мы хотим выполнить функцию имя которой стоит перед скобками, и позволяет передать функции параметры (если они необходимы для работы функции):

alert(“Сообщение на экран”);

Имя функции которую вызываем (выполняем).

Скобки, признак того, что мы именно вызываем функцию.

Параметры функции (данные которые функция обрабатывает).

Функции


Слайд 6 Параметры функции (аргументы) – такие себе «переменные» которые

Параметры функции (аргументы) – такие себе «переменные» которые передаются функции при

передаются функции при каждом вызове, и могут влиять на

результат её работы.

Возвращаемое значение – возможность функции вернуть результат своей работы, при необходимости. Возврат делается оператором return.

Параметры функции и возвращаемое значение


Слайд 7 Не обязательно передавать функции все параметры которые предусмотрены

Не обязательно передавать функции все параметры которые предусмотрены её заголовком, НО

её заголовком, НО в таком случае
Подробнее о параметрах

функции

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


Слайд 8 Практически любой код можно преобразовать в функцию
Формула расчёта

Практически любой код можно преобразовать в функциюФормула расчёта дневного дохода депозита

дневного дохода депозита


Слайд 9 Практическая ценность функций
Уменьшаем дублирование (повторение) кода;
Проще вносить изменения;
Абстрагирование

Практическая ценность функцийУменьшаем дублирование (повторение) кода;Проще вносить изменения;Абстрагирование от деталей;

от деталей;


Слайд 10 Смысл событий в JS - сказать браузеру: «когда

Смысл событий в JS - сказать браузеру: «когда произойдёт клик по

произойдёт клик по элементу, то выполни вот эту функцию».
Функции

используются для обработки событий

Событие – действие о котором браузер должен уведомить нашу программу;


Слайд 11 События / Events
http://www.w3schools.com/jsref/dom_obj_event.asp
Вариантов событий много, задача программиста выбрать

События / Eventshttp://www.w3schools.com/jsref/dom_obj_event.aspВариантов событий много, задача программиста выбрать нужное

нужное


Слайд 12 Немного практики

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

Слайд 13 Служебные функции браузера.
document.querySelectorAll(“css_selector”) – возвращает массив объектов (элементов

Служебные функции браузера.document.querySelectorAll(“css_selector”) – возвращает массив объектов (элементов HTML-документа, тегов) которые

HTML-документа, тегов) которые соответствуют css-селектору который передан ей в

качестве параметра;

document.querySelector(“css_selector”) – возвращает первый объект (элемент HTML-документа, тег) из тех которые соответствуют css-селектору который передан ей в качестве параметра.

document.createElement(“tag_name”) – метод создающий пустой элемент (объект, тег), которые еще не входит в документ, но его свойства уже можно наполнять необходимыми данными;


Слайд 14 http://files.courses.dp.ua/web/10/ex01.html

Добавим на страницу код который сделаем скиду на

http://files.courses.dp.ua/web/10/ex01.htmlДобавим на страницу код который сделаем скиду на товары цена которых

товары цена которых выше средней
Скопируйте заготовку разметки в notepad++


Слайд 15 Добавим на страницу код который сделаем скиду на

Добавим на страницу код который сделаем скиду на товары цена которых выше средней

товары цена которых выше средней


Слайд 16 Домашнее задание

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

  • Имя файла: javascript-osnovy-programmirovaniya-chast-3.pptx
  • Количество просмотров: 92
  • Количество скачиваний: 0