Створення віджету "Погода". Робота з API, FETCH, JSON. Обробка та вивід даних. HTML CSS JavaScript

Sdílet
Vložit
  • čas přidán 25. 06. 2024
  • Створення віджету "Погода". Робота з API FETCH JSON. Обробка та вивід даних. У цьому відео попрацюємо з API та за допомогою JavaScript FETCH отримаємо данні з сервісу openweathermap.org у форматі JSON та зробимо вивід у верстку. HTML CSS JavaScript.
    🟢 Понад 5 000 пропозицій роботи для програмістів з України на Just Join IT! Перевір на bit.ly/3y3PVd6.
    👉 Канал Just Join IT на Телеграмі - bit.ly/3F9YBQQ
    👉 Група Just Join IT на Facebook - bit.ly/3kuVg55
    🤟 Матеріали уроку (патреон): / 65938834
    ❤️ Стати спонсором каналу: / @freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
    🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: / freelancerlifestyle
    🔴 Instagram: / freelancer.lifestyle
    00:00 - У відео
    00:22 - Реклама
    01:38 - HTML CSS
    02:07 - Реєстрація у OpenWeatherMap
    03:36 - Пишемо код на JavaScript
    10:22 - Результат роботи
    👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
    👉 @СЛУШАЙ! Канал с интересными историями из жизни.
    👋 Мене звати Женя Андріканич, я IT - спеціаліст. Більше 10ти років займаюсь розробкою сайтів. Перейняти досвід: / freelancerlifestyle
    #навчання #верстка #фрілансерпожиттю
    🤟 Живи, а працюй у вільний час! ©

Komentáře • 685

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  Před 2 lety +26

    🤷‍♂Друзі, будь ласка, усі свої скарги щодо мови несіть у кремль. Не заважайте людям вчитись та розвиватись!
    🔴 Карта каналу: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Отримати доступ до екстра контенту + підтримати канал: www.patreon.com/freelancerlifestyle
    🔴 Платний курс по верстці: edu.fls.guru
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

  • @athillas460
    @athillas460 Před 2 lety +224

    Як приємно чути рідну українську мову у мого улюбленного айті ютубера. Дякую, Женя! Відос, як завжди, топ

    • @mandyyy5394
      @mandyyy5394 Před 2 lety +5

      Згоден та не дуже звучить назва каналу, може написати українською?)

    • @athillas460
      @athillas460 Před 2 lety +2

      @@mandyyy5394 або англійською

    • @user-tk6bs8jb9v
      @user-tk6bs8jb9v Před 2 lety +7

      Нет бы на нормальном языке в видео разговаривать

    • @athillas460
      @athillas460 Před 2 lety +2

      @@user-tk6bs8jb9v а чому Українська мова- це не нормальна мова?

    • @user-tk6bs8jb9v
      @user-tk6bs8jb9v Před 2 lety +1

      @@athillas460 Она нормальная и красивая, просто не понимаю ее

  • @user-zx6hh8jj7l
    @user-zx6hh8jj7l Před 2 lety +15

    Величезне дякую за те, що ти робиш!

  • @romanlesko6420
    @romanlesko6420 Před 2 lety +10

    Все як завжди на найвищому рівні! Дякую Жека!

  • @El-Mariachi
    @El-Mariachi Před 2 lety +12

    Євгене, повага!! Ти справжній українець і справжня людина!! Я рідко пишу комменти, але тепер буду писати коменти під КОЖНИМ твоїм відео, без виключення! Поважаю тебе!

    • @user-sy3pu6se8r
      @user-sy3pu6se8r Před 3 měsíci

      Доброго дня а не залишився у вас код до цього відео?

  • @ybpvin
    @ybpvin Před 2 lety +10

    Коментар для підтримки каналу! Чудовий урок! Лайк!

  • @user-ek7vf7iu4v
    @user-ek7vf7iu4v Před 2 lety +77

    Я хоть украинский не ПОНИМАЮ, но в вашем видеоуроке даже украинский становится ПОНЯТНЕЙ! Ассалам алейкум из Узбекистана!!! 👋

    • @FACEBAKER
      @FACEBAKER Před 2 lety +5

      Есть десяток каналов с русским языком

    • @user-ri8cw7fq2c
      @user-ri8cw7fq2c Před 2 lety +3

      @@FACEBAKER так что ты тут сидишь?

    • @FACEBAKER
      @FACEBAKER Před 2 lety +18

      @@user-ri8cw7fq2c я раньше сидел, до мракобесии автора, ютуб предложил посмотреть ролик.

    • @user-ri8cw7fq2c
      @user-ri8cw7fq2c Před 2 lety +4

      @@FACEBAKER какая мракобесия автора,чё ты несёшь?

    • @FACEBAKER
      @FACEBAKER Před 2 lety +36

      @@user-ri8cw7fq2c ну он создал и развил канал на русском языке, где го смотрели со всего СНГ, теперь он решил не говорить на этом языки, по итогу только Украинцы могут смотреть его, чего он хотел доказать, не понятно.

  • @irinasname
    @irinasname Před 2 lety +3

    Величезне дякую, все чітко, зрозуміло, без води, ще й українською, просто ідеально ♥️

  • @rev2nge453
    @rev2nge453 Před 2 lety +13

    Очень рад что ты продолжаешь своё творчество

  • @dimon0213dh
    @dimon0213dh Před 2 lety +6

    Дякую за новий урок. Особливо коли це відео не тільки про верстку.

  • @andreykrav3274
    @andreykrav3274 Před 2 lety +3

    Як завжди, доступність і зрозумілість на вищому рівні!

  • @ValidWay
    @ValidWay Před 2 lety +2

    Величезне ДЯКУЮ! Якраз шукав інфу і тут вчасно свіженький урок)

  • @lexluthor9826
    @lexluthor9826 Před 2 lety +1

    Отлично. Спасибо. Будем тренироваться и пользоваться.

  • @sadivnytsia
    @sadivnytsia Před 2 lety +3

    Перший раз з початку війни сіла за програмування. Отримала задоволення. Дякую! З вами все легко та зрозуміло.

  • @yurapekach7550
    @yurapekach7550 Před 2 lety +3

    дуже доступний і зрозумілий урок, дякую )

  • @user-eh1nj8el9l
    @user-eh1nj8el9l Před 2 lety +4

    Дякую! Чудово наданий матеріали!

  • @Yevhenia
    @Yevhenia Před rokem +2

    Дякую за дуже цікаве і корисне відео!👍

  • @user-se6ct5zu2f
    @user-se6ct5zu2f Před 2 lety +3

    Дякую велике!

  • @artemdementiew4789
    @artemdementiew4789 Před 2 lety +4

    Клаааас!!!!!!!

  • @sergeychistyakov8149
    @sergeychistyakov8149 Před 2 lety +1

    Урок, як завжди на висоті. Чітко і лаконічно. Лайк

  • @alexandercoderunner5685
    @alexandercoderunner5685 Před 2 lety +1

    Дуже цікаве відео) дякую за твою працю!)

  • @sherlockholmes5395
    @sherlockholmes5395 Před 2 lety +22

    Вялікі дзякуй за вашу дзейнасць дужа дапамогае ў вучобе на будучую прафесію. Слава Украіне і Жыве Беларусь.

    • @athillas460
      @athillas460 Před 2 lety +6

      Героям слава, жыве вечна!

  • @mch1420
    @mch1420 Před 2 lety +131

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

    • @panjects
      @panjects Před rokem +8

      каким образом язык относится к позиции человека касательно войны? Нас не язык убивает, а люди.

  • @kirillgorbatko8809
    @kirillgorbatko8809 Před 2 lety +1

    Как всегда супер!

  • @user-np9mq5xc7j
    @user-np9mq5xc7j Před 2 lety +6

    Чудовий урок! Дякую!

  • @user-mt5vs4lw7g
    @user-mt5vs4lw7g Před 2 lety +2

    Яка у вас чудова вимова )))❤️❤️❤️❤️

  • @alonahilbert9959
    @alonahilbert9959 Před rokem +1

    Дякую за відео! Коментар для підтримки каналу😊😇

  • @somelovefacts
    @somelovefacts Před 2 lety +3

    Дуже дякую!

  • @user-kg6fz5tz2b
    @user-kg6fz5tz2b Před 2 lety +2

    Жека, спасибо за видос!)

  • @user-ij5vu4jn5w
    @user-ij5vu4jn5w Před 2 lety +9

    Якая мілагучная мова! Дзякуй вялікі

  • @user-mt5ew6xf1i
    @user-mt5ew6xf1i Před 2 lety +86

    Той момент, коли ніфіга не шариш в ІТ, але вмикаєш відео, щоб додати хоч один перегляд і підтримати цю прекрасну українізацію. Женю, дякую! Я можу тільки уявляти, наскільки рідкісний і важливий такий контент українською в Ютубі. Ти крутий!

    • @user-ri8cw7fq2c
      @user-ri8cw7fq2c Před 2 lety

      @@Anton-ni8un поскули больше

    • @Anton-ni8un
      @Anton-ni8un Před 2 lety

      @@user-ri8cw7fq2c, хз при чем здесь SQL'и...

    • @user-ri8cw7fq2c
      @user-ri8cw7fq2c Před 2 lety +1

      @@Anton-ni8un при том что плачешь что на украинском видео,отпишись и всё

  • @user-fc8nh4mm4z
    @user-fc8nh4mm4z Před 2 lety +2

    О, нове відео від Жені - відразу лайк!

  • @user-wy1qd5oi3v
    @user-wy1qd5oi3v Před 2 lety +5

    Круто!

  • @sashko_sh
    @sashko_sh Před 2 lety +1

    Ааааааа! Бомба! Відео про IT солов'їною. Кайф!

  • @user-wl7de3rr2v
    @user-wl7de3rr2v Před 2 lety +2

    Дякую друже! Передивився майже всі твою уроки! Твоя робота дуже допомогає! Привіт з нескореного Харкова!

  • @ProstoAndrik
    @ProstoAndrik Před 2 lety +2

    ДЯКУЮ ЗА КОНТЕНТ МОВОЮ!

  • @sweetknitt4259
    @sweetknitt4259 Před 2 lety +31

    Спасибо за видео. Поддержу комментарием. Лучший уроки, лучший учитель ♥️

  • @Victor-vy6qe
    @Victor-vy6qe Před 2 lety +1

    Дякую за вашу роботу!!

  • @andreiribac6284
    @andreiribac6284 Před 2 lety +86

    Привет из Молдовы! Спасибо за Вашу работу! Все доступно и понятно! Даже не смотрят на то что, украинский я не совсем знаю, но вижу код + отличная подача Жени делают все понятным! Всем добра! Женя огромное спасибо и удачи тебе!

    • @user-mq7nd5pq9q
      @user-mq7nd5pq9q Před 2 lety +1

      Привет землякам, откуда будешь?)

    • @andreiribac6284
      @andreiribac6284 Před 2 lety

      @@user-mq7nd5pq9q привет! Как бы это банально не звучало - я из Кишинева)))

    • @user-mq7nd5pq9q
      @user-mq7nd5pq9q Před 2 lety +1

      @@andreiribac6284 Почти соседи- Тирасполь))

    • @andreiribac6284
      @andreiribac6284 Před 2 lety +1

      @@user-mq7nd5pq9q Мы все хотели семьёй туда поехать, погулять в парке, прикупить постельного белья ну и пару юбилейных монет. Но ситуация такая сейчас, что особо не поездишь

    • @user-mq7nd5pq9q
      @user-mq7nd5pq9q Před 2 lety +2

      @@andreiribac6284 Приезжайте по возможности на выходных отдохнуть! В парке есть интересные развлечения для деток и взрослых. А Тиротекс в этом году не анонсировал весеннюю коллекцию постельного белья. Но на свой вкус обязательно сможете что-то себе подобрать)))

  • @whatif9345
    @whatif9345 Před 2 lety +38

    Як завжди супер, чекаємо ще більше корисної інформації у твоєму виконанні)

  • @tihonrubyshev
    @tihonrubyshev Před 2 lety +20

    Після твого відео я усвідомив настільки важлива мова для кращого сприйняття інформації... Раніше я постійно відволікався та губив суть сказаного, а тепер можу все переказати від і до...
    Дякую тобі велике за український контент! Не всі герої повинні тримати зброю чи носити плащі! 👏👏👏👏👍👍👍👍

  • @user-tw6ny8lm4n
    @user-tw6ny8lm4n Před 2 lety +1

    Дякую за цікавий контент!

  • @user-pd9hy3gb9g
    @user-pd9hy3gb9g Před 2 lety +2

    Женя, спасибо 💛💙

  • @katerynat691
    @katerynat691 Před rokem +1

    Женя, дякую. Півроку тому починала вивчати верстку по твоїм відео, потім js, а цей віджет якраз те що мені було потрібно для учбового проекту.

  • @user-lp7uc4yf8w
    @user-lp7uc4yf8w Před 2 lety +1

    Як завжди класно.

  • @holyorb2
    @holyorb2 Před 2 lety +2

    крутезне відео, дякую

  • @katevo667
    @katevo667 Před 2 lety

    супер контент, дякую!

  • @artemkatr9483
    @artemkatr9483 Před 2 lety +5

    Лайк відразу!

  • @OskarPrice
    @OskarPrice Před 2 lety +2

    Жека круто! Перший блін некомом)) Дякую

  • @marcusfenix5985
    @marcusfenix5985 Před 2 lety +5

    Жека, ти як завжди супер! Величезна подяка за українську!

  • @rostyslavkinash5232
    @rostyslavkinash5232 Před 2 lety +15

    Дякую за відео. Як завжди цікаво та інформативно.

  • @user-sp2kv5gd5o
    @user-sp2kv5gd5o Před 2 lety +1

    дякую!!! Корисний урок!

  • @user-vl4gi9fe6v
    @user-vl4gi9fe6v Před 2 lety +2

    Красавчик! Прожовжуй в тому ж дусі!

  • @den2144
    @den2144 Před 2 lety +1

    Спасибо за работу, Женя! Привет из Харькова!)

  • @user-rr9jr5ih5v
    @user-rr9jr5ih5v Před 2 lety +1

    Респект. Використаю для дітей. Дякую Євген

  • @deniskotov
    @deniskotov Před 2 lety +1

    Жека, это лайкос!

  • @webco9230
    @webco9230 Před 2 lety +14

    Топ! Дякую, більше таких відео з обробкою та візуалізацією даних

  • @artemmarchenko1
    @artemmarchenko1 Před 2 lety +1

    Супер!

  • @andreykarpenchuk5802
    @andreykarpenchuk5802 Před 2 lety +1

    Дякую за роботу

  • @user-vl9db1fg3l
    @user-vl9db1fg3l Před 2 lety

    Вітаю! Дуже круто! Дякую.

  • @ArtyKrg
    @ArtyKrg Před 2 lety

    Дякую! Дуже корисно! Якісний контент рідною мовою)

  • @Napolion4ik
    @Napolion4ik Před 2 lety +1

    Відразу лайк 👍

  • @taraskravchuk9139
    @taraskravchuk9139 Před 2 lety +2

    Чудово, Євген! Дякую! дуже корисно! Коротко і зрозуміло! Мабуть краще для початківців працювати саме з маленькими проектиками, ніж відразу хапатися за великі, після яких може перегоріти все натхнення.

  • @anikihref
    @anikihref Před 2 lety +4

    Я теж приблизно 10 днів назад почав розробляти сайт з погодою :) Дякую за українськомовний конент!

  • @blackwarrior6015
    @blackwarrior6015 Před 2 lety +1

    Дуже круто, нарешті мелодійною!

  • @bibik_s_egipta
    @bibik_s_egipta Před 2 lety +1

    Круто))новый контент!!!

  • @slagrach
    @slagrach Před 2 lety

    Жень ти найкращий! Дякую тобі за все! Ви мені дуже допомогли в житті ... дуже сумно, що все так ... Удачі!

  • @Pastuh93
    @Pastuh93 Před 2 lety +11

    Просто, швидко та зрозуміло. Дякую за Вашу роботу.

  • @brodovoi
    @brodovoi Před 2 lety +2

    Дякую!)

  • @mishkamishka8238
    @mishkamishka8238 Před 2 lety +2

    Дзякуй!!!

  • @methodsUa
    @methodsUa Před 2 lety

    Дуже крутий контент , дякую

  • @oleksiipetrenko3824
    @oleksiipetrenko3824 Před 2 lety +1

    Лайк :)

  • @Lord__Of__Darkness
    @Lord__Of__Darkness Před 2 lety

    Чудово!

  • @user-pt7oi3qp6g
    @user-pt7oi3qp6g Před 2 lety +35

    Безмежно дякую за такий чудовий урок! До речі реклама дуже корисна і цікава)

    • @user-rk6fz8nm9e
      @user-rk6fz8nm9e Před 2 lety +3

      Тут 100% реклама зайшла. Я точно там буду шукати роботу

    • @user-pt7oi3qp6g
      @user-pt7oi3qp6g Před 2 lety +3

      @@user-rk6fz8nm9e Тому і написав про це, я зайшов по посиланню і виявився дійсно годний ресурс. Мені подобається все, від зовнішнього вигляду до алгоритмів пошуку, та і самі пропозиції дуже смачні там

    • @user-rk6fz8nm9e
      @user-rk6fz8nm9e Před 2 lety +1

      @@user-pt7oi3qp6g я ще поки початківець- вивчила html , css, js . Зараз хочу поверстати макети. І йти на цей сайт шукати роботу

  • @mimicryator2793
    @mimicryator2793 Před 2 lety +1

    Дякую за відео

  • @qqwplayer
    @qqwplayer Před 2 lety +7

    Навіть недивлячи ставлю дайте, підтримка україномовного понад усе!
    Красава, я дивився і навчався і раніше і буду це робити й зараз!

  • @tyyhyiopanazzz
    @tyyhyiopanazzz Před 2 lety +4

    Навчаючись, бачив що більшість джерел з яких можна отримати інформацію щодо html i css, js були російськомовні - так потроху всі русифіковувалися, бо коли доходить до пояснень по техніці, якщо ти не знаєш як воно ще називається окрім як російською то так і говориш.
    Так що Євген, люто обома руками підтримую Вашу позицію!

  • @wraithking3406
    @wraithking3406 Před 2 lety +2

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

  • @ihorv44
    @ihorv44 Před 2 lety +2

    супер!

  • @whitesos
    @whitesos Před 2 lety +2

    Красень, приємно вухам від укріїнської мови. 🤝

  • @user-wq3iw5up2m
    @user-wq3iw5up2m Před 2 lety

    Дякую за цікавий урок!

  • @user-fs3yr9yk6n
    @user-fs3yr9yk6n Před 2 lety +9

    Музончик кста прикольный в конце))

  • @viktoriyahappy8217
    @viktoriyahappy8217 Před 2 lety +2

    Спасибі! Тепер не тільки корисно але й милозвучно )

  • @romanishchenko8201
    @romanishchenko8201 Před 2 lety +2

    Жека, огромна подяка і повага. Дуже круті відео.

  • @AntonioBenderas
    @AntonioBenderas Před 2 lety +1

    Вподобайка 👍

  • @danilaundead4760
    @danilaundead4760 Před 2 lety +1

    лайкосик земляку )

  • @boyyyko
    @boyyyko Před 2 lety +2

    Дякуююю, батьку

  • @user-rs2wy5yj8r
    @user-rs2wy5yj8r Před 2 lety +2

    Дякую!

  • @maxzhenzhera
    @maxzhenzhera Před 2 lety

    Super!

  • @iventeye
    @iventeye Před 2 lety +7

    Жека, как всегда на высшем уровне! Спасибо!

  • @Cherniy_Stalker
    @Cherniy_Stalker Před 2 lety +16

    Ооо нове від Жені, дякую тобі)) За Українську окремий респект)

  • @Amberstargazerofearth
    @Amberstargazerofearth Před 2 lety +3

    Все предельно ясно! Спасибо за урок!

  • @yuriylutsyshyn3495
    @yuriylutsyshyn3495 Před 2 lety +1

    Cool !

  • @mezkoo
    @mezkoo Před 2 lety

    Жека молодець, дякую за якісний україномовний контент 🇺🇦
    Я ще до JS не берусь, але подивився, поставив лайк і підписався всюди за посиланнями в описі, щоб підтримати автора)

  • @vlad19772001
    @vlad19772001 Před 2 lety

    Дякую. Наснаги Вам ))

  • @user-mm1xr5to1o
    @user-mm1xr5to1o Před 2 lety

    Дякую !!!!!!!!!!!

  • @dmytrozheliabin
    @dmytrozheliabin Před 2 lety +2

    дякую за укр. мовний контент!

  • @user-pe7rw9zm3y
    @user-pe7rw9zm3y Před 2 lety +48

    Підтримка та повага! Все краще українським шукачам розвитку.
    Творіть в радість!!!

  • @CotyaraShow
    @CotyaraShow Před 2 lety +13

    Дуже приємно чути потрібний та цікавий континент рідною мовою, дякую!!!

  • @kristopop2116
    @kristopop2116 Před 2 lety +16

    Жень, пусть все хорошо у тебя будет. Урок и так понятен)))