1 of 15

Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмуванняПрактична робота 3

За навчальною програмою 2018 року

Урок 12

10

(11)

2 of 15

Повторюємо

Розділ 4 § 28

Веб-сервер – комп’ютер, де розміщено складові веб-сайту.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

3 of 15

Веб-сервер і база даних.�Взаємодія клієнт-сервер

Розділ 4 § 28

Що являє собою веб-сервер?

Сховище інформаційних ресурсів

Надання ресурсів користувачам

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

4 of 15

Веб-сервер і база даних.�Взаємодія клієнт-сервер

Розділ 4 § 28

Динамічний сайт – сайт, вміст якого може змінюватися.

https://www.youtube.com

Браузер разом і запитом відсилає деяку додаткову інформацію.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

5 of 15

Використання форм.�Основні елементи форми

Розділ 4 § 28

HTML тег <form> використовується для створення HTML форми на сторінці.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

6 of 15

Використання форм.�Основні елементи форми

Розділ 4 § 28

Додати текстове поле.

Вигляд в браузері

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

7 of 15

Валідація та збереження�даних форм

Розділ 4 § 28

Валідація в програмуванні — процес, що дозволяє визначити, наскільки точно з позицій потенційного користувача деяка модель представляє задані сутності реального світу.

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

8 of 15

Валідація та збереження�даних форм

Розділ 4 § 28

Способи валідації даних форм:

Спеціалізовані типи вводу

Обов'язкові Поля

Обмеження

Стайлінг

Підказки

Шаблони

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

9 of 15

Що таке API?

Розділ 4 § 28

Інтерфейс прикладного програмування API - це готові конструкції мови програмування, що дозволяють

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

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

10 of 15

Прикладний програмний інтерфейс

Розділ 4 § 28

Поширені сторонні API:

Twitter API

Google Maps API

Набор Facebook API

YouTube API

Twilio API

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

11 of 15

Продовж речення

Розділ 4 § 28

  1. Сьогодні я дізнався...
  1. Сьогодні я навчився...
  1. На уроці мені сподобалося...
  1. Я досяг...
  1. Мені було складно...
  1. Я оцінюю свою роботу на уроці...
  1. Мені потрібна допомога...

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

12 of 15

Домашнє завдання

Розділ 4 § 28

Продовжити пізнавально-дослідницьку діяльність з питань створення та налагодження інтерактивної

веб-сторінки

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

13 of 15

Працюємо за комп’ютером

Практична робота 5

Створення та налагодження інтерактивної веб-сторінки з використанням форм та веб-програмування

Розділ 4 § 28

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

14 of 15

Працюємо за комп’ютером

Розділ 4 § 28

10�(11)

© Вивчаємо інформатику teach-inf.at.ua

15 of 15

Дякую за увагу!

За навчальною програмою 2018 року

Урок 12

10

(11)