/weather-jQuery

Primary LanguageJavaScript

weather-jQuery

Вторая версия приложения для просмотра погоды в выбранном городе, использующая Weather API от Weatherbit.io.

С weather-js (первой версией) можно ознакомиться тут.

Технологии

  • HTML/SCSS
  • jQuery
  • jQuery UI (два элемента, представленных ниже)
$( "#city" ).selectmenu(...);

и

$(".modalErr").dialog();
  • Chart-JS

Отличия от weather-js

  • Использование jQuery и jQuery UI
  • Использование jQuery AJAX вместо Fetch API
  • Изменение пользовательского интерфейса (появились картинки, отражающие текущие погодные условия)
  • Использование Chart-JS (прогноз на ближайший час с использованием графиков)

Версии

v1.1

  • Появился новый элемент UI - диалоговое окно, предоставленное jQuery UI. Оно реализует новый функционал - обработка невозможности получения данных с сервера. В этом окне отображается информация об ошибке, например 
    Bad Request, код 400
  • Глобальные переменные и константы, например такие как API_KEY спрятаны в тело соответствующих функций, которым они нужны
  • Соблюден принцип DRY - убрано несколько дублирований кода
  • Приложение стало ближе к принципам SOLID - теперь для каждой задачи есть своя функция, которую она решает. Все данные для их работы инкапсулированы внутрь функциональной области видимости

v1.0

  • Реализован основной функционал приложения

Демонстрация работы приложения

Weather App jQuery - Деплой на Netlify

Weather App jQuery - Деплой на GitHub Pages (не работают иконки, причина пока не найдена)