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

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

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

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

Содержание

2. ФункцииФункция – фрагмент кода, у которого есть
3. ФункцииС функциями мы уже сталкивались: alert(), prompt(),
4. Функция – фрагмент кода, у которого есть
5. Основной отличительный знак функций – круглые скобки:
6. Параметры функции (аргументы) – такие себе «переменные»
7. Не обязательно передавать функции все параметры которые
8. Практически любой код можно преобразовать в функциюФормула расчёта дневного дохода депозита
9. Практическая ценность функцийУменьшаем дублирование (повторение) кода;Проще вносить изменения;Абстрагирование от деталей;
10. Смысл событий в JS - сказать браузеру:
11. События / Eventshttp://www.w3schools.com/jsref/dom_obj_event.aspВариантов событий много, задача программиста выбрать нужное
12. Немного практики
13. Служебные функции браузера.document.querySelectorAll(“css_selector”) – возвращает массив объектов
14. http://files.courses.dp.ua/web/10/ex01.htmlДобавим на страницу код который сделаем скиду
15. Добавим на страницу код который сделаем скиду на товары цена которых выше средней
16. Домашнее задание
17. Скачать презентацию
18. Похожие презентации

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

Главная
Разное
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
Вариантов событий много, задача программиста выбрать

нужное

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

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

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

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

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

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

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