API расшифровывается как Application Programming Interface, это мощный инструмент, который может быть полезен для разбивки сложного кода и достижения целой группы. Прежде чем мы приступим к определению или, скорее, объясним его в более технических терминах, мы могли бы также объяснить использование действий в нашей повседневной жизни.
Допустим, вы посетили ресторан, заняли столик и вам предложили меню на выбор. Кухня/бэкенд — это часть «системы», которая подготовит ваш заказ. Чего не хватает, так это важной связи, чтобы передать ваш заказ на кухню и доставить еду обратно к вашему столу. Вот тут-то и появляется официант или API. Официант — это мессенджер — или API — который принимает ваш запрос или заказ и сообщает кухне — системе — что делать. Затем официант возвращает вам ответ; в данном случае это еда, и это ответ, который вы можете увидеть (внешний интерфейс).
Так как, черт возьми, JavaScript связан со всей этой историей? Известно, что JavaScript является основой всех веб-продуктов, то есть статических веб-сайтов и веб-приложений. И для того, чтобы функциональные возможности были предоставлены пользователю, мы должны иметь возможность отправлять запросы и получать ответы на функциональные возможности, обещанные JavaScript.
Определение: API — это посредник, который стоит между двумя приложениями, обычно внешним и внутренним. Поскольку это разные приложения, это помогает в общении и понимании, следовательно, в принятии запросов и доставке ответов.
Существует довольно много различных веб-API, посмотрите здесь для справки. Но нас, вероятно, будут интересовать только некоторые из них.
API-интерфейсы браузера
Это веб-API, встроенные в ваш браузер, они позволяют вам получать доступ к определенным данным и дают вам решения для сложных операций.
Сторонние API
Этот API не поставляется с браузером и требует, чтобы он был получен, подключен или получен откуда-то еще. Примером этого является Unsplash API, который позволяет получать изображения, которые могут быть либо случайными, либо иметь какой-либо шаблон.
API проверки JavaScript
Этот API полезен для проверки сведений, помещаемых в формы. Существует два основных метода этого API:
- checkValidity(): возвращает true, если входной элемент содержит допустимые значения.
- data.setCustomValidity(): устанавливает свойство validationMessage элемента ввода.
Свойства DOM проверки ограничений
- validity — содержит логические свойства, относящиеся к действительности элемента ввода.
- validationMessage – содержит сообщение, которое будет отображаться в браузере, если допустимость неверна.
- willValidate — указывает, будет ли проверяться входной элемент.
Ознакомьтесь с полным объяснением свойств DOM проверки здесь и здесь.
О чем это?
30daysofjavascript — это серия статей о том, как я учусь программировать на JavaScript. Эти эпизоды максимально упрощены, и я надеюсь, что для таких новичков, как я, JavaScript станет менее запутанным в этом эпизоде. Как всегда спасибо и увидимся в следующем выпуске. Посмотрите каждую серию, которую я написал здесь.
