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

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024
  • js2.itgid.info
    Как купить курс: js2.itgid.info...
    Этот урок: js2.itgid.info...
    VK: webdev_...
    Курс практический JavaScript: js.itgid.info
    JSRules: t.me/jsrules

Комментарии • 89

  • @sergewhynot7306
    @sergewhynot7306 5 лет назад +109

    Вот это да......Александр, по-моему, уже и нет никакой темы, которою вы бы не за тронули. Ваш канал - это кладезь готовых решений и идей. Бери и пользуйся………..Сплошная халява. Это может позволить себе только человек, который фанатически любит свое дело. Спасибо за ваш труд!

    • @itgid
      @itgid  5 лет назад +17

      Спасибо!!!!!!!

    • @jamircoen649
      @jamircoen649 3 года назад

      sorry to be so off topic but does any of you know of a way to get back into an Instagram account?
      I stupidly forgot the account password. I would love any help you can give me

    • @lisofsky8151
      @lisofsky8151 2 года назад

      купи курсы не пожалеешь !! они стоят очень дёшево !!! и очень крутые

    • @dr.sergei9656
      @dr.sergei9656 Год назад

      согласен на 10000000000000000%

  • @Алексей-ш8э3л
    @Алексей-ш8э3л 3 года назад +15

    Жаль, что вы не показали, откуда взяли get запрос, который прописан в fetch. И, как мне кажется, вы сильно поспешили с подобным примером. Вы ещё не рассказали, что такое промисы, запросы, fetch, а уже лезете в API. Нет, я вам благодарен за уроки, простоя уверен, что новичкам данный урок это слишком сложно

  • @taran_dm
    @taran_dm 3 года назад +23

    нашел способ менять кельвины на градусы в api запросе (добавляем к запросу &units=metric). p.s за видео спасибо!

    • @jsb7239
      @jsb7239 3 года назад

      🤝👍🏻

    • @vip51000
      @vip51000 2 года назад

      хорошая информация, спасибо!

    • @narek1771
      @narek1771 2 года назад +1

      Только келвин это электроэнергия а э то фаренгейт

    • @dimmjetoff9659
      @dimmjetoff9659 2 года назад

      @@narek1771 Кельвин это температура,но ни как не электроэнергия

  • @cg_man
    @cg_man 4 года назад +5

    id города удобно искать ничего не качая, в поиске ввести город, зайти на страницу этого города и скачать в адресной строке id.

    • @andreybelyi3431
      @andreybelyi3431 Год назад

      И я также сразу сообразил и сделал, после того как редактор стал зависать при прокрутке ползунком.

  • @androidpasha
    @androidpasha 4 года назад +5

    Дядь, спасибо большое. Ты закрыл мне почти все вопросы по разработке веб интерфейса для умной вещи Arduino. День просрал на другие видео, а тут и json и парсим его и get запрос и в другом видео показал как текст доставать введенній пользователем и POST запрос уже научился делать. Я счастлив)))

  • @aleksandrstaetskiy5687
    @aleksandrstaetskiy5687 5 лет назад +9

    Вы золотой человек!

    • @itgid
      @itgid  5 лет назад

      Спасибо!

  • @haykgevorgyan8579
    @haykgevorgyan8579 2 года назад +1

    klass nice good job

  • @denysmadin5024
    @denysmadin5024 2 года назад +2

    Давно не заходил на ваш канал. Очень рад что вы развиваетесь! Успехов вам!

  • @andrewsquest8901
    @andrewsquest8901 5 лет назад +5

    Когда уже следующий выпуск "Хочу это развидеть"?

    • @itgid
      @itgid  5 лет назад +4

      скидуйте сайты!

  • @МойМульт-е2х
    @МойМульт-е2х 2 года назад +1

    Спасибо тебе огромное!!!
    Ты мне спас приложение!
    Уважение тебе. спасибо огромное, спасибо❤❤❤❤

  • @delusio5638
    @delusio5638 Год назад

    спс об'яснил а то всегда гадал чо за кракозябры в адресной строке

  • @viktoriacui
    @viktoriacui 4 года назад +4

    спасибо! хорошая практика:)

  • @AlexandrSpirit
    @AlexandrSpirit 4 года назад +1

    Может вам будет интересно как пример использовать.
    Вот с какой задачей столкнулся.
    Делаю web-ку небольшую на фласке.
    Нужно на JS сделать обработку формы создания заказа.
    проблема в том, что присутствует дизамическая таблица инпутов (каждая ячейка таблицы - input).
    В форме есть выпадающий список. В зависимости от выбранного значения, таблица имеет X строк.
    Но нужно сделать возможность добавлять такие таблицы. Их может быть 1+N
    Нужно сделать drag-n-drop самих таблиц (т.е. меняется их порядок) и строк по таблице.
    Ну и при нажатии на кнопку Сабмит, пройтись по таблицам-строкам и передать json на сервер.
    Вторая задача:
    При просмотре деталей заказа, с сервера подгружается json таблица. JS парсит json и формирует HTML таблица.
    Но тут почти сам разобрался.

  • @АсхабЗакараев-н7ц
    @АсхабЗакараев-н7ц 2 года назад

    Может я чего то не понимаю, почему вы Объект называете Массивом ?

  • @AndrianoVer
    @AndrianoVer 4 года назад +3

    Алекс, лекция супер! Апладирую стоя! :)

  • @БорисФесенко-с5я
    @БорисФесенко-с5я 4 года назад +1

    Возможно в РФ эта штука работает только через анонимайзер. Капча в этом случае изначально выводится с ошибкой.

    • @kojedi8524
      @kojedi8524 4 года назад

      тоже из России и выдаёт в консоле ошибку - 401 (Unauthorized), придётся пропустить урок наверное....

    • @Livanskiy_tv
      @Livanskiy_tv Год назад

      @@kojedi8524 У вас скорее всего еще ключ не активировался. Также было, зашел на следующий день и все заработало. Если быть точнее, я на всякий случай удалил первый ключ и создал новый, зашел на следующий день.

  • @m.protasevich
    @m.protasevich 5 лет назад +6

    async/await пожалуйста, ненавижу .then

    • @itgid
      @itgid  5 лет назад +2

      ну, нельзя так. Вы спец. В ы можете любить или нет, но знать обязаны. Но я тоже не люблю then, использую промисы.

    • @m.protasevich
      @m.protasevich 5 лет назад

      @@itgid аж всплакнул от такой мысли..

  • @master_shahmat_online5590
    @master_shahmat_online5590 Год назад

    Best🎉🎉🎉🎉

  • @kant1380
    @kant1380 2 месяца назад

    скинь код

  • @Давид-п8и
    @Давид-п8и 5 лет назад +2

    Большое спасибо вам! 👍😊👌

  • @abaddonknightgames2546
    @abaddonknightgames2546 Год назад

    Добрый день , спасибо за Ваши труды , комментарий для развития канала

  • @АнастасияШелухина-з7е

    большая вам благодарность)) особенно за шаблонную строку! и значок °

  • @ZhukAcademy
    @ZhukAcademy Год назад

    2023 рік - проходжу ваш курс, подача інформації якісна, все зрозуміло! Велике дякую.

  • @diasoralbekov6465
    @diasoralbekov6465 3 года назад +1

    16:45 ахах)))))

  • @hdrhighdigitalrap5474
    @hdrhighdigitalrap5474 Год назад

    Было бы хорошо узнать как делать прогноз на несколько дней вперёд

  • @Евгений-г6и9н
    @Евгений-г6и9н 4 года назад +1

    наконецто я понял что такое апи, спасибо

  • @giga_mo
    @giga_mo 3 года назад

    четырк дня не могла усвоить ! благодаря тебе получилось! спасибо !

  • @Anatoli-bq1pe
    @Anatoli-bq1pe Год назад

    Благодарю за потрясный контент!

  • @HA_CTPIME
    @HA_CTPIME Год назад

    Дошел до SPRINT 14. Посмотрел лекцию, прочитал задание и немного(много) удивился, мягко говоря. Если раньше в лекциях (образно) показывали как рисовать квадрат - в задачах нужно было нарисовать полноценный трёхмерный куб, если показывали как рисовать треугольник - в задачах объёмную пирамиду. Тут я вообще не знаю что делать (SPRINT 14). До этого просто получали в задачах нолики и единички, а теперь нужно создать полноценное приложение. Я один такой "одарённый" и мне эта задача кажется непосильной? Сайт погоды openweathermap ко всему немного переработали, но думаю в моём случае это не главное затруднение.

    • @andreybelyi3431
      @andreybelyi3431 Год назад

      После первого просмотра видео я тоже не знал даже с чего начать.
      В следующий раз я смотрел видео очень медленно, чтобы понять каждое предложение.
      И тогда понял, что справлюсь.
      А после третьего просмотра видео сразу выполнил задание без затруднений.
      Вывод: если непонятно, вернуться назад и вникнуть в каждую деталь.

  • @SvetlanaKova
    @SvetlanaKova 2 года назад

    Спасибо!! Когда вы объясняете я понимаю)

  • @nodependency
    @nodependency 5 лет назад +1

    в чем разница конкатенации и того что было на видео в ссылке

    • @iGotton
      @iGotton 5 лет назад +2

      Синтаксис современный.

    • @itgid
      @itgid  5 лет назад +1

      Конкатенация - соединение. Интерполяция - приведение строки и выполнение вычислений в ней.

  • @marynaserhiichuk7780
    @marynaserhiichuk7780 3 года назад

    dt: - время в милисекундах

  • @digitalturkistan1857
    @digitalturkistan1857 5 лет назад +1

    Поздравляю 40000 подписчик

  • @iMarkusUS
    @iMarkusUS 3 года назад

    Что за notepad ++ у вас , 30мб не вытягивает , у меня почему то 64разрядный 500мб файлы вытягивает .. дело в памяти

    • @itgid
      @itgid  3 года назад

      Рад за вас. Круто.

  • @maxzlatin4778
    @maxzlatin4778 Год назад

    Преобразование и вывод времени заката из unix в обычный формат ( может будет полезно )
    let sunset = (data.sys).sunset;
    function timeConverter(UNIX_timestamp){
    var a = new Date(UNIX_timestamp * 1000);
    console.log(a);
    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    var year = a.getFullYear();
    var month = months[a.getMonth()];
    var date = a.getDate();
    var hour = a.getHours();
    var min = a.getMinutes();
    var sec = a.getSeconds();
    var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;
    return time;
    }
    document.querySelector('.sunset').innerHTML = timeConverter(sunset);

  • @Alex_1699
    @Alex_1699 Год назад

    Спасибо за урок!

  • @alexandernickolaevich8789
    @alexandernickolaevich8789 5 лет назад +1

    Огонь! Круто, благодарю!! ))

  • @yuriinadilnyi3029
    @yuriinadilnyi3029 3 года назад

    Дуже круто, що в реальності показали, як все працює! - однозначно лайк

  • @ProshkaBalashikha
    @ProshkaBalashikha 3 года назад

    Интересно есть ли возможность получить с этого ресурса текущую дату и время? что то пока не нашёл

    • @JohnDoe-p1y
      @JohnDoe-p1y 3 года назад

      А зачем если есть new Date()?

    • @ProshkaBalashikha
      @ProshkaBalashikha 3 года назад

      @@JohnDoe-p1y было бы просто удобнее, сразу нужное время вытащил и всё. ну да ладно new date и так использую)

  • @ekaterina2073
    @ekaterina2073 2 года назад

    Очень крутой урок! Спасибо!

  • @oldzas
    @oldzas 3 года назад

    Как зекешить на is чтобы не слать так часто запросы на сервер?

    • @itgid
      @itgid  3 года назад

      База данных

  • @DR-qy8uf
    @DR-qy8uf 3 года назад

    не знаю насколько актуально, сделал свое приложение с поиском по городу,и на vue, тоже с этим API, ссылка по требованию

    • @akzhigitovolzhas4979
      @akzhigitovolzhas4979 3 года назад

      Дай гит проекта

    • @alexeyilin1527
      @alexeyilin1527 3 года назад

      Ссылки на проект автор канала удаляет

  • @olegBilyi-n4j
    @olegBilyi-n4j 2 года назад

    Спасибо

  • @РоманТамазян-е2ж
    @РоманТамазян-е2ж 5 лет назад

    Классный урок, мне понравился по скорее изучить fetch

    • @РоманТамазян-е2ж
      @РоманТамазян-е2ж 5 лет назад

      Я решил получить весь сity.list.json с помощью jq открыть внешний файл вести все города на страницу списком а этим город дать атребут data-id-city со значеним id городов. Пользователь выбирает город, нажимает показать погоду и в fetch подставлю ссылку с атрибутом data-id-city и функция выводит погоду в указанном городе. Минус моей идеи что файл json слишком большой и тяжелый.

  • @alexforos5425
    @alexforos5425 3 года назад

    Спасибо, круто!

  • @galievramil1169
    @galievramil1169 3 года назад

    Добрый день! Спасибо за интересный контент! Не могли бы вы рассмотреть API Instagram . И ещё вопрос:
    в данном уроке, в конструкции then вы используете resp - это стандартная функция ответа в Fetch? Всегда ли нужно применять конструкцию async - await при ajax- запросах
    Заранее извиняюсь за новичковые вопросы!

  • @Ярослав123-я2я
    @Ярослав123-я2я 3 года назад

    ссылки в описании к видео на "'Этот урок" не работают((

  • @nbcnsvmnw511
    @nbcnsvmnw511 4 года назад

    Данного курса уже нет в бесплатном доступе ?

    • @iMarkusUS
      @iMarkusUS 3 года назад

      Но ты ведь смотришь его тут ? ЗаБесплатно

  • @NeedForHeavyMetal
    @NeedForHeavyMetal 2 года назад

    Шикааарно!

  • @natashabatasha897
    @natashabatasha897 2 года назад

    Я про иконку ничего не поняла =(

    • @natashabatasha897
      @natashabatasha897 2 года назад

      посмотрела 2ой раз и поняла=)

  • @androidpasha
    @androidpasha 4 года назад

    ССЫЛКА НА ЭТОТ УРОК НЕ РАБОТАЕТ

  • @frontistes
    @frontistes 4 года назад

    Песня души!

  • @valentinknoll4106
    @valentinknoll4106 4 года назад

    Спасибо

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 4 года назад

    Бимба !

  • @timmy1752
    @timmy1752 5 лет назад +1

    Люди, подскажите, а если в API, при получении результата я получаю массив объектов, где в каждом объекте содержится URL для получения даты этого объекта. Что мне нужно? Сделать второй запрос на эту URL в каждом из этих объектов и вывести циклом дату каждого из них. Допустим мне нужно на страницу 20 объектов с его полями по типу name, id, icon и т.д.

    • @itgid
      @itgid  5 лет назад

      использовать promiseAll - который дождется всех результатов и выведет ответ.

  • @beebee-sn9sb
    @beebee-sn9sb Год назад

    Гурзуф це Україна)

  • @dd-pe5dp
    @dd-pe5dp 4 года назад

    почему у вас уроки только по API ? парсинг и грабинг гораздо актуальней)))

  • @vvv7220
    @vvv7220 4 года назад

    Люди, подскажите сайт с которого можно получить прогноз погоды по API похожий на OpenWeather

    • @frontistes
      @frontistes 4 года назад

      У меня FastProxy для хром - всё заблокированное работает.

  • @光荣归于习近平同志
    @光荣归于习近平同志 4 года назад

    У меня вместо списка городов краказябры... Смена кодировки в Notepad++ не помогает, кто решил проблему отпишитесь пожалуйста...