1 of 21

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

Модуль «Веб-технології»

Урок 30

​

2 of 21

Повторюємо

  1. Назвіть завдання серверної сторони.
  2. Чим відрізняються back-end і front-end?
  3. Які мови програмування використовують�back-end-програмісти?
  4. Наведіть приклади використання серверів.
  5. Опишіть послідовність роботи серверів
  6. Що таке автентифікація та авторизація?
  7. Як називають повідомлення, сформовані клієнтом; сервером?
  8. У чому різниця між методами GET і POST?�

3 of 21

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

  • Прикладний програмний інтерфейс (англ. Application Programming Interface, скорочено API) — це сукупність засобів і правил, які вможливлюють взаємодію між окремими складниками програмного забезпечення або між програмним і апаратним забезпеченням.

​

  • API — це готові модулі коду, які допомагають програмісту в реалізації складних завдань. Зазвичай такі «заготовки» діляться на браузерні та API сторонніх розробників. ��

4 of 21

Браузерні і сторонні АРІ-інтерфейси

  • До браузерних API-інтерфейсів належать: API-інтерфейс DOM (Document Object Model),�модулі геолокації, API Canvas і WebGL, Аудіо та відео API.

​

  • До сторонніх інтерфейсів належать, наприклад, API соціальних мереж Twitter�і Facebook. �

5 of 21

  • API надає безліч методів, які можуть використовувати розробники, а також опис того, що вони працюють. Розробнику необов’язково знати, як працює система всередині, він просто може використовувати певний функціонал у своєму додатку.
  • API-інтерфейси дозволяють розробникам заощадити час, скориставшись вже готовим функціоналом.
  • Програміст може скористатися API для отримання доступу до функціоналу сторонньої програми.
  • API робить можливим роботу ресурсів, які використовують потенціал і потужність іншого сайта або програми. �

6 of 21

  • Як відомо, на онлайн-сервісах або платформах можна увійти через власні облікові записи в соціальних мережах. Саме�це і є використанням API, коли сервіси або додатки використовують бази даних соціальних мереж. �

7 of 21

  • АPI —інтерфейс, який дозволяє розробникам використовувати готові блоки для побудови програми.
  • При розробці мобільних додатків у ролі API може виступати бібліотека для роботи з розумним будинком — �У разі веб-додатків API може передавати інформацію у відмінному від стандартного HTML форматі, завдяки чому їм зручно користуватися під час написання власних програм. �

8 of 21

Десять найпопулярніших API

9 of 21

Цікаво

  • Де використовуються API

10 of 21

Приклади роботи API

  • Amazon пропонує користувачеві книжки, засновані на виборі книжок його друзів у Facebook.
  • Сервіс IFFFT дозволяє пов’язувати акаунти користувача в різних онлайн-сервісах і програмах так, що дія в одній програмі викликає дію в іншій програмі.
  • Відео, що сподобалися вам у YouTube, автоматично з’являються у ваших соціальних мережах.
  • Вбудовування YouTube-відео на сайт���

11 of 21

Сторонні загальнодоступні API найчастіше надають дані в одному з двох форматів: XML або JSON.

12 of 21

XML

  • англ. Extensible Markup Language — розширювана мова розмітки — запропонований консорціумом W3C стандарт побудови мов розмітки ієрархічно структурованих даних для обміну між різними застосунками.
  • XML-документ складається із текстових знаків і придатний до читання людиною. �

13 of 21

JSON

  • англ. JavaScript Object Notation — запис об’єктів JavaScript, текстовий формат обміну даними між комп’ютерами.
  • Базується на тексті й може бути прочитаний людиною.
  • Формат дозволяє описувати об’єкти та інші структури даних.
  • Використовується для передавання структурованої інформації через мережу
  • Прямо інтерпретується за допомогою JavaScript в об’єкти ��

14 of 21

API публічні та приватні

  • Публічні API випускаються такими компаніями, як Slack і Shopify, щоб розробники використовували на своїх платформах.
  • Компанії діляться набором вступних параметрів, оскільки документація перебуває у вільному доступі.

​

  • Приватні API використовуються всередині компанії. Якщо в компанії багато програмних продуктів, то приватне API використовується, щоб програми взаємодіяли між собою.
  • Компоненти приватного API можуть змінюватися за бажанням компанії, тоді як зміни в публічному API можуть викликати протест користувачів�

15 of 21

Фреймворк

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

​

  • Фреймворк — це основа, що дозволяє додавати компоненти залежно від потреб; база, на якій можна сформувати програму будь-якого призначення досить швидко і без особливих�труднощів. �

16 of 21

17 of 21

Цікаво

  • Дуже популярним і затребуваним є фреймворк Bootstrap (https://getbootstrap.com). Його�презентували ще на початку 2011 року. Його головна перевага — адаптивність (адаптивна�верстка). Він дозволяє створювати проекти зі стильним дизайном — проект буде автоматично підлаштовуватися, враховуючи розмір екрана�комп’ютера або мобільного пристрою користувача, що переглядає сайт. �

18 of 21

Аналізуємо.Обговорюємо

  1. Наведіть означення АРІ.
  2. Наведіть переваги використання прикладного програмного забезпечення.
  3. Що таке фреймворк? Наведіть приклади.
  4. Як можна пов’язати інтерактивність сторінок та використання API? ��

19 of 21

Завдання для самостійного виконання

  • Проаналізуйте наведені дані на рисунку.
  • Знайдіть відомості про обраний вами фреймворк, зробіть повідомлення

20 of 21

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

Запропонуйте власні приклади застосування АРІ.

​

Результат роботи представте у вигляді презентації та надішліть вчителю на поштову скриньку

21 of 21