1.4: JSON - Работа с данными и API в JavaScript

• Автор создал два проекта: демонстрация web fetch API и загрузка CSV-файла с данными о мировых температурах.  

• В этом видео будет рассмотрен новый тип данных, получаемый из внешнего API.  

• API расшифровывается как интерфейс прикладного программирования и позволяет двум приложениям взаимодействовать.  

• API предоставляет данные и позволяет другим приложениям взаимодействовать с ними.  

• Примеры использования: доступ к новостным статьям или изображениям из базы данных.  

• Взаимодействие с API может включать аутентификацию и ограничение запросов.  

• Автор использует API для получения текущего местоположения Международной космической станции.  

• API предоставляет широту и долготу, а также другую информацию.  

• Цель: отобразить широту и долготу на веб-странице и нанести точку на карту.  

• JSON используется для передачи данных между приложениями.  

• JSON имеет синтаксис, аналогичный объектным литералам JavaScript.  

• Данные в формате JSON могут быть сложными и включать массивы и вложенные структуры.  

• Автор использует API ISS для получения данных о местоположении космической станции.  

• API создан и поддерживается Биллом Щуппом.  

• Цель: создать простую версию сайта с картой и местоположением станции.  

• Важно найти документацию для API, чтобы понять его работу.  

• В данном случае аутентификация не требуется, что упрощает работу.  

• Конечные точки описывают пути для запроса данных.  

• URL-адреса API могут включать номер версии для совместимости.  

• Пример URL: api.whereistheiss.com/v1.  

• Идентификационный номер спутника позволяет получить больше информации.  

• Данные обновляются при каждом запросе API.  

• Широта и долгота космической станции меняются медленно из-за вращения вокруг Земли.  

• Необработанные данные в формате JSON могут быть проанализированы для получения нужной информации.  

• JSON не поддерживает переносы строк, пробелы и табуляции.  

• Для работы с JSON рекомендуется использовать расширения для браузера, такие как JSON Formatter.  

• В описании видео будет ссылка на используемое расширение.  

• Запоминание конечной точки API и использование функции выборки.  

• Создание асинхронной функции getdata для работы с API.  

• Сохранение URL-адреса API в глобальной переменной для удобства.  

• Преобразование данных из функции выборки в формат JSON.  

• Вызов функции getdata при загрузке страницы.  

• Проверка данных из API в консоли.  

• Преобразование данных JSON в объект JavaScript.  

• Извлечение широты и долготы из объекта JSON.  

• Использование деструктурирования для извлечения данных в отдельные переменные.  

• Создание заголовка и абзаца на веб-странице.  

• Отображение широты и долготы в элементах span.  

• Обновление данных при каждом обновлении страницы.  

• Добавление возможности определения широты и долготы на карту с помощью Leaflet.  

• Упражнение по обновлению данных на веб-странице с помощью setinterval.  

• Возможность использования другого API и аутентификации для доступа к данным.