Прогноз погоды на JS

Стрим по верстке и JS. Рисуем в Figma. Верстаем, пишем JS.
Материалы со стрима в Telegram канале: https://t.me/+friZxyBulgNmYjE6
Чат верстальщиков: https://t.me/+QAxmsKj2HyWfEKzz

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
7 уроков по 30 мин: http://webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю

Сайт: https://webcademy.ru/
Вконтакте: https://vk.com/webcademy
Telegram канал: https://t.me/webcademynews

ТАЙМ КОДЫ

00:00 Начало. План на трансляцию
03:28 Figma. Рисуем дизайн
29:00 Чат
31:30 Верстка. Стартовый проект
32:40 Сброс стилей
35:20 Live Preview. Браузер внутри редактора
36:00 JS файл
37:00 Подключаем CSS стили
37:45 HTML разметка
43:20 CSS стили
45:50 CSS стили для формы
54:25 Чат
56:15 Стили для центральной части
1:00:55 Стили для weather details
1:10:45 Чат
1:13:20 JS логика. Обработчик отправки формы
1:19:00 JS. API openweathermap
1:20:25 Чат
1:21:07 JS. API openweathermap
1:24:52 Доработка submithandler
1:25:09 JS. Поиск геолокации по названию города
1:34:45 JS. Получение погоды
1:37:35 Получение данных в метрической системе
1:38:40 Достаем данные о погоде
1:42:15 Поиск основных названий который не увенчался успехом
1:45:05 Чат
1:47:55 JS. Отображаем погоду
1:53:58 Курьер
1:54:40 JS. Продолжаем
1:56:54 Картинки для погоды. Работа с файлами
2:02:55 Снова курьер
2:04:55 Продолжаем. Картинки, подстановка в JS
2:13:35 Очистка города после отправки формы
2:14:57 Сокрытие разметки на старте
2:16:55 Проверка на пустой ответ
2:21:34 Завершение. Чат
2:24:34 JS. Добавляем имя файла для снега
2:25:20 Чат
2:28:52 Объявление о наборе на курсы по верстке и JS
2:30:42 Итоги стрима