Створення віджету "Погода". Робота з API, FETCH, JSON. Обробка та вивід даних. HTML CSS JavaScript
Створення віджету "Погода". Робота з 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
#навчання #верстка #фрілансерпожиттю
🤟 Живи, а працюй у вільний час! ©
Пікірлер: 685
Я хоть украинский не ПОНИМАЮ, но в вашем видеоуроке даже украинский становится ПОНЯТНЕЙ! Ассалам алейкум из Узбекистана!!! 👋
@FACEBAKER
2 жыл бұрын
Есть десяток каналов с русским языком
@user-ri8cw7fq2c
2 жыл бұрын
@@FACEBAKER так что ты тут сидишь?
@FACEBAKER
2 жыл бұрын
@@user-ri8cw7fq2c я раньше сидел, до мракобесии автора, ютуб предложил посмотреть ролик.
@user-ri8cw7fq2c
2 жыл бұрын
@@FACEBAKER какая мракобесия автора,чё ты несёшь?
@FACEBAKER
2 жыл бұрын
@@user-ri8cw7fq2c ну он создал и развил канал на русском языке, где го смотрели со всего СНГ, теперь он решил не говорить на этом языки, по итогу только Украинцы могут смотреть его, чего он хотел доказать, не понятно.
🤷♂Друзі, будь ласка, усі свої скарги щодо мови несіть у кремль. Не заважайте людям вчитись та розвиватись! 🔴 Карта каналу: 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
@VolodymyrSirenko
2 жыл бұрын
не реагуй, тримайся!
Як приємно чути рідну українську мову у мого улюбленного айті ютубера. Дякую, Женя! Відос, як завжди, топ
@mandyyy5394
2 жыл бұрын
Згоден та не дуже звучить назва каналу, може написати українською?)
@athillas460
2 жыл бұрын
@@mandyyy5394 або англійською
@user-tk6bs8jb9v
2 жыл бұрын
Нет бы на нормальном языке в видео разговаривать
@athillas460
2 жыл бұрын
@@user-tk6bs8jb9v а чому Українська мова- це не нормальна мова?
@user-tk6bs8jb9v
2 жыл бұрын
@@athillas460 Она нормальная и красивая, просто не понимаю ее
Євгене, повага!! Ти справжній українець і справжня людина!! Я рідко пишу комменти, але тепер буду писати коменти під КОЖНИМ твоїм відео, без виключення! Поважаю тебе!
@user-sy3pu6se8r
2 ай бұрын
Доброго дня а не залишився у вас код до цього відео?
Той момент, коли ніфіга не шариш в ІТ, але вмикаєш відео, щоб додати хоч один перегляд і підтримати цю прекрасну українізацію. Женю, дякую! Я можу тільки уявляти, наскільки рідкісний і важливий такий контент українською в Ютубі. Ти крутий!
@user-ri8cw7fq2c
2 жыл бұрын
@@Anton-ni8un поскули больше
@Anton-ni8un
2 жыл бұрын
@@user-ri8cw7fq2c, хз при чем здесь SQL'и...
@user-ri8cw7fq2c
2 жыл бұрын
@@Anton-ni8un при том что плачешь что на украинском видео,отпишись и всё
Величезне дякую, все чітко, зрозуміло, без води, ще й українською, просто ідеально ♥️
Величезне дякую за те, що ти робиш!
Все як завжди на найвищому рівні! Дякую Жека!
Привет из Молдовы! Спасибо за Вашу работу! Все доступно и понятно! Даже не смотрят на то что, украинский я не совсем знаю, но вижу код + отличная подача Жени делают все понятным! Всем добра! Женя огромное спасибо и удачи тебе!
@user-mq7nd5pq9q
2 жыл бұрын
Привет землякам, откуда будешь?)
@andreiribac6284
2 жыл бұрын
@@user-mq7nd5pq9q привет! Как бы это банально не звучало - я из Кишинева)))
@user-mq7nd5pq9q
2 жыл бұрын
@@andreiribac6284 Почти соседи- Тирасполь))
@andreiribac6284
2 жыл бұрын
@@user-mq7nd5pq9q Мы все хотели семьёй туда поехать, погулять в парке, прикупить постельного белья ну и пару юбилейных монет. Но ситуация такая сейчас, что особо не поездишь
@user-mq7nd5pq9q
2 жыл бұрын
@@andreiribac6284 Приезжайте по возможности на выходных отдохнуть! В парке есть интересные развлечения для деток и взрослых. А Тиротекс в этом году не анонсировал весеннюю коллекцию постельного белья. Но на свой вкус обязательно сможете что-то себе подобрать)))
Очень рад что ты продолжаешь своё творчество
Перший раз з початку війни сіла за програмування. Отримала задоволення. Дякую! З вами все легко та зрозуміло.
Як завжди супер, чекаємо ще більше корисної інформації у твоєму виконанні)
Дуже приємно вас чути українською і дуже рада, що ви виявились українцем та людиною з твердою позицією
@panjects
Жыл бұрын
каким образом язык относится к позиции человека касательно войны? Нас не язык убивает, а люди.
Чудово, Євген! Дякую! дуже корисно! Коротко і зрозуміло! Мабуть краще для початківців працювати саме з маленькими проектиками, ніж відразу хапатися за великі, після яких може перегоріти все натхнення.
Як завжди, доступність і зрозумілість на вищому рівні!
Коментар для підтримки каналу! Чудовий урок! Лайк!
Величезне ДЯКУЮ! Якраз шукав інфу і тут вчасно свіженький урок)
Дякую друже! Передивився майже всі твою уроки! Твоя робота дуже допомогає! Привіт з нескореного Харкова!
Женя, дякую. Півроку тому починала вивчати верстку по твоїм відео, потім js, а цей віджет якраз те що мені було потрібно для учбового проекту.
Урок, як завжди на висоті. Чітко і лаконічно. Лайк
Дякую за новий урок. Особливо коли це відео не тільки про верстку.
Спасибо за видео. Поддержу комментарием. Лучший уроки, лучший учитель ♥️
Жень ти найкращий! Дякую тобі за все! Ви мені дуже допомогли в житті ... дуже сумно, що все так ... Удачі!
Навчаючись, бачив що більшість джерел з яких можна отримати інформацію щодо html i css, js були російськомовні - так потроху всі русифіковувалися, бо коли доходить до пояснень по техніці, якщо ти не знаєш як воно ще називається окрім як російською то так і говориш. Так що Євген, люто обома руками підтримую Вашу позицію!
дуже доступний і зрозумілий урок, дякую )
Жека, ти як завжди супер! Величезна подяка за українську!
Жека и на украинском понятно говорит! Делает годноту и полезность
Жека молодець, дякую за якісний україномовний контент 🇺🇦 Я ще до JS не берусь, але подивився, поставив лайк і підписався всюди за посиланнями в описі, щоб підтримати автора)
Дякую за відео! Коментар для підтримки каналу😊😇
Отлично. Спасибо. Будем тренироваться и пользоваться.
Класній контент, що розкриває базаве розуміння з API. Таких API є безліч, наприклад можна виводити курс валют, статистику по цінах, covid-19 та інше. Рекомендую для перегляду початківцям.
Женя привет, спасибо за видосы! Скажи пожалуйста, а почему не испольешь section и main?
Я теж приблизно 10 днів назад почав розробляти сайт з погодою :) Дякую за українськомовний конент!
Дякую за дуже цікаве і корисне відео!👍
Яка у вас чудова вимова )))❤️❤️❤️❤️
Вялікі дзякуй за вашу дзейнасць дужа дапамогае ў вучобе на будучую прафесію. Слава Украіне і Жыве Беларусь.
@athillas460
2 жыл бұрын
Героям слава, жыве вечна!
Дуже цікаве відео) дякую за твою працю!)
Підтримка та повага! Все краще українським шукачам розвитку. Творіть в радість!!!
@johnsmiler9254
Жыл бұрын
Рахмет сiзге де!
Чудовий урок! Дякую!
Як незвично слухати IT-матеріал на українській мові. Дуже вам дякую!
Красавчик! Прожовжуй в тому ж дусі!
Женя, спасибо огромное за видео, выпал на два месяца из IT, твои видео помогают немного освежить голову, а то много что за это время забыл! Продолжай в том же духе👍
Дякую. Цікавий і наглядний урок з роботи з API. У мене мало досвіду в фронт-енді, тому виникло питання чи можна шаблон винести в тег "template", отримати до нього доступ із JS, клонувати його, заповнити даними а потім заасертити результат в контейнер де він повинен бути? І іще, а при повільному інтернеті віджет не буде стрибати по висоті коли лоадер підмінюватиметься розміткою з даним?
Навіть недивлячи ставлю дайте, підтримка україномовного понад усе! Красава, я дивився і навчався і раніше і буду це робити й зараз!
Жень, пусть все хорошо у тебя будет. Урок и так понятен)))
Просто, швидко та зрозуміло. Дякую за Вашу роботу.
Респект. Використаю для дітей. Дякую Євген
Після твого відео я усвідомив настільки важлива мова для кращого сприйняття інформації... Раніше я постійно відволікався та губив суть сказаного, а тепер можу все переказати від і до... Дякую тобі велике за український контент! Не всі герої повинні тримати зброю чи носити плащі! 👏👏👏👏👍👍👍👍
Дякую! Дуже корисно! Якісний контент рідною мовою)
Дуже дуже круто, все зрозуміло, дуже приємно чути українську мову))) дякую) потрібно більше контенту українською мовою))
Доброго дня Женю, безмежно дякую за Ваш навчально - виховний процес. Надзичайно цікава Ваша робота. Вам реалізації ваших планів, здоров'я Вам і вашій родині, мирного неба. Дякую.
Безмежно дякую за такий чудовий урок! До речі реклама дуже корисна і цікава)
@user-rk6fz8nm9e
2 жыл бұрын
Тут 100% реклама зайшла. Я точно там буду шукати роботу
@user-pt7oi3qp6g
2 жыл бұрын
@@user-rk6fz8nm9e Тому і написав про це, я зайшов по посиланню і виявився дійсно годний ресурс. Мені подобається все, від зовнішнього вигляду до алгоритмів пошуку, та і самі пропозиції дуже смачні там
@user-rk6fz8nm9e
2 жыл бұрын
@@user-pt7oi3qp6g я ще поки початківець- вивчила html , css, js . Зараз хочу поверстати макети. І йти на цей сайт шукати роботу
Спасибо за то что выкладываешь уроки в такое время! Очень интересно
Величезне тобі дякую! Перехід на українську - це просто топ, я в захваті. Я починав своє навчання з твоїми відео і з нетерпінням чекаю на Реакт, саме починаю його вчити, а уявити щось крутіше, ніж твої відео по реакту українською просто неможливо
Очень интересно)) Такая домашняя атмосфера в видео!)) Надеюсь, будет много похожего контента!!) Спасибо!)
Спасибо за урок, Жека. Всегда, когда я слышал про API, то появлялся некоторый страх, а оказывается механизм работы с API довольно прост.
@user-ul9pn6fi8w
2 жыл бұрын
Для мене самий "жах" було отримати дані з серверу, потім вже json розібрати на складові здавалось не складно))) аж поки не потрапив на дууууже погано структурований масив даних і на вивчення що там до чого, було витрачено набагато більше часу, ніж на все інше)
@loophup7055
2 жыл бұрын
@@user-ul9pn6fi8w бывает и такое))
Спасибі! Тепер не тільки корисно але й милозвучно )
Жека, огромна подяка і повага. Дуже круті відео.
вааааау) супер)) давно навчаюсь, але ваші відео завжди допомогають дорозуміти те що не зрозуміло!!) ще і українською))
Дякую за вашу роботу!!
Дякую! Чудово наданий матеріали!
Євген...ти робиш не просто новий урок, а МЕГА крутий та головне корисний урок! Ще й крутий ресурс з вакансіями...ну ти просто "монстр" крутості))) Дякуємо тобі! До перемоги ще й Реакт треба вивчити)
Ааааааа! Бомба! Відео про IT солов'їною. Кайф!
ДЯКУЮ ЗА КОНТЕНТ МОВОЮ!
Жека круто! Перший блін некомом)) Дякую
Приветствую из не резиновой! Хотел поинтересоваться, теперь так правильно производить поиск id селектора (раньше вроде был getElementById)? И используя промисы вроде бы раньше можно было использовать цепочки then и отлов ошибок catch ? Хотя я наверно уже устарел - на пенсию пора...
О, нове відео від Жені - відразу лайк!
Я думав отримувати актуальні дані з якихось сайтів це дуже важко а виявилось й не так важко дуже дякую за таку корисну інформацію
Дуже круто, нарешті мелодійною!
Перший відомий мені IT-блогер, як знімає відео українською. Дуже радий мати такий контент рідною мовою. Я був би радий, якби украномовних ІТ-каналів ставало все більше. Все ж надіюсь, що згодом ситуація або твій підхід стане менш категоричним і з'являться субтитри російською. Дивитись подібні відео з субтитрами далеко не так зручно, як слухати зрозумілою мовою, то ж певний дискомфорт для людей, які не володіють українською все одно буде, але при цьому вони не залишаться за бортом всі оптом без розподілу на винних та невинних. Бажаю мирного неба, Божих благословень та успіху у доброму ділі!
Спасибо за работу, Женя! Привет из Харькова!)
Дуже дякую!
Продовжуй в тому дусі, ти найкращій!!!!!
Дякую за роботу
дякую!!! Корисний урок!
Дякую велике!
крутезне відео, дякую
супер контент, дякую!
Дякую за український контент. Слухати на соловїній одне задоволення.
Дякую!)
Вітаю! Дуже круто! Дякую.
Дякую!
Жека, спасибо за видос!)
дякую за відос, зробив лабу за 10хв)
Євген , у Вас дуже гарна українська ! Велике дякую за урок , продовжуйте в тому ж дусі) Все буде Україна!
Музончик кста прикольный в конце))
Жека, как всегда на высшем уровне! Спасибо!
Дуже крутий контент , дякую
Дякую!!!
Дякую, за відео! Неймовірна українська мова! Топ відео! Так, тримати!✌🏻
Блин я думал что ничего не пойму, но даже для меня узбека все понятно. Классный ролик жду следующий с нетерпением.
Дякую)
Дякуююю, батьку
Дякую! Чекаємо 300 к підписників)
Дуже гарна подача! Дякую!!
Клаааас!!!!!!!
Дякую за цікавий урок!
Доброго дня, як називається плагін для відображення фотографій в ВС коді
Дякую. Наснаги Вам ))
Вподобайка 👍