Практика по массивам - получаем прогноз погоды по API

Task 00

Флуд и обсуждение Unit

Task 01

Задание - написать приложение, для получения текущего состояния погоды. Используем openweathermap.

Ограничения и уточнения

Поскольку мы используем только JS без баз данных и бекенда, то есть вещи, которые мы не можем сделать нативно. Например подключать файлы ( со списком городов) и т.д.

User story

Пользователь заходит на сайт ( страницу) и получает погоду города по умолчанию (геопозиционирование не применяем). Пользователь выбирает город из выпадающего списка - и получает текущую погоду.

Создаем html файл

Согласно User story у нас html должен содержать минимум два элемента:

  1. Выпадающий список с городами.
  2. Поле для вывода погоды. Сразу создадим div.out.

Продолжение задания смотрите в FAQ.

Требования: задание выполнено в шаблоне, запускается без ошибок.

Task 02

На странице присутствует select, с выпадающим списком городов (3-5 городов).

Task 03

При загрузке страницы выводится погода выбранного города.

Task 04

При смене города - происходит запрос по API, и изменяется выводимая погода. Задача также принимается если выполнение запроса реализовано по кнопке.

Task 05

Имя выбранного города выводится в блоке вывода погоды....

Завдання доступні після придбання курсу

Task 06

Выводится температура в градусах Цельсия.

...

Завдання доступні після придбання курсу

Task 07

Выводится иконка погоды.

...

Завдання доступні після придбання курсу

Task 08

Выводится общее описание погоды (description).

...

Завдання доступні після придбання курсу

Task 09

Выводится направление ветра.

...

Завдання доступні після придбання курсу

Task 10

Выводится скорость ветра.

...

Завдання доступні після придбання курсу

Task 11

Выводится давление (единицы на выбор).

...

Завдання доступні після придбання курсу

Task 12

При смене города - предыдущий вывод исчезает -...

Завдання доступні після придбання курсу

Task 13

Fetch в коде применяется один раз.

...

Завдання доступні після придбання курсу

Task 14

В коде реализованa функция showWeather, которая отвечает за...

Завдання доступні після придбання курсу

Task 15

В коде реализована функция getWeather, которая получает данные...

Завдання доступні після придбання курсу

Task 16

При выполнении кода не появляется ошибок в консоли.

...

Завдання доступні після придбання курсу

Task 17

Добавлено оформление.

...

Завдання доступні після придбання курсу

Task 18

Код отформатирован, в коде установлены оступы, отбивки.

...

Завдання доступні після придбання курсу

Task 19

Список select формируется c помощью JS и вставляется...

Завдання доступні після придбання курсу

Task 20

Наполнение select формируется с помощью JS.

...

Завдання доступні після придбання курсу