R50 bf70eb4f80046c746697273efa75be8c
Frontend & backend development

Местная погода

Добавлено 24 янв 2019 в 15:23
Одностраничное приложение, которое определяет местоположение и отображает на экране местную погоду.

Геоданные. Сразу после начала работы приложение запрашивает данные о местоположении при помощи Geolocation API.

API. Данные о широте и долготе направляются в OpenWeatherMap API, и запрашивается погода для выбранной местности.

JSON. Полученные путем AJAX данные в формате JSON обрабатываются и на экран выводятся следующие показатели:
  • температура,
  • давление,
  • влажность,
  • ветер,
  • время восхода и заката.
Также пользователь может ввести название города в специальном поле и узнать погоду в другом месте.

Адаптивный дизайн. Фоновое изображение изменяется в зависимости от погодных условий. Приложение хорошо выглядит при разных разрешениях экрана устройства.

Применены: Design HTML5 CSS3 JavaScript jQuery AJAX JSON Geolocation OpenWeatherMap API Responsive Animation
951edc669b 9565fc96de E731e22ad4 Deccd5c543 A2e342d348